body { margin: 0; }
img { width: 100%; }

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Noto+Sans:wght@400;500;700&display=swap');

.sm-lp {
  --sm-ink:#1b2a44; --sm-copper:#b0764a; --sm-white:#fff;
  --sm-line:#dfe3ea; --sm-mute:#5d6879; --sm-wash:#f6f7f9;
  background:var(--sm-white); color:var(--sm-ink);
  font-family:"Noto Sans", sans-serif; font-size:16px; line-height:1.85;
}
.sm-lp * { box-sizing:border-box; }

.sm-lp .sm-wrap{max-width:960px; margin:0 auto; padding:0 24px;}
.sm-lp .sm-narrow{max-width:720px; margin:0 auto;}
.sm-lp .sm-sec{padding:88px 0; border-top:1px solid var(--sm-line);}
.sm-lp .sm-sec--plain{border-top:none;}
.sm-lp .sm-sec--wash{background:var(--sm-wash);}
.sm-lp .sm-center{text-align:center;}

.sm-lp .sm-eyebrow{
  font-family:"Cormorant Garamond",serif; font-size:13px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--sm-copper); margin:0 0 20px;
}
.sm-lp .sm-h2{
  font-family:"Cormorant Garamond",serif; font-size:38px; font-weight:600;
  line-height:1.3; margin:0 0 26px; letter-spacing:.01em;
}
.sm-lp .sm-h3{font-family:"Cormorant Garamond",serif; font-size:24px; font-weight:600; margin:0 0 12px; line-height:1.4;}
.sm-lp .sm-lead{font-size:18px; line-height:1.8; margin:0 0 22px;}
.sm-lp .sm-p{font-size:16px; margin:0 0 18px;}
.sm-lp .sm-p:last-child{margin-bottom:0;}
.sm-lp .sm-micro{font-size:13px; line-height:1.8; color:var(--sm-mute);}
.sm-lp .sm-rmark{font-size:12px; vertical-align:super;}

/* topbar */
.sm-lp .sm-topbar{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0 0; flex-wrap:wrap;}
.sm-lp .sm-crumb{font-size:13px; color:var(--sm-mute); margin:0;}
.sm-lp .sm-crumb a{color:var(--sm-mute); text-decoration:none;}
.sm-lp .sm-crumb a:hover{text-decoration:underline;}
.sm-lp .sm-crumb .sm-sep{margin:0 8px; color:var(--sm-line);}
.sm-lp .sm-lang{
  font-family:"Cormorant Garamond",serif; font-size:14px; letter-spacing:.1em;
  color:var(--sm-copper); text-decoration:none; border-bottom:1px solid var(--sm-copper);
  padding-bottom:2px; white-space:nowrap;
}
.sm-lp .sm-lang:hover{color:var(--sm-ink); border-color:var(--sm-ink);}

/* FV */
.sm-lp .sm-fv{padding:80px 0 72px; text-align:center;}
.sm-lp .sm-fv__brand{font-family:"Cormorant Garamond",serif; font-size:13px; letter-spacing:.3em; color:var(--sm-mute); margin:0 0 30px;}
.sm-lp .sm-fv__h1{
  font-family:"Cormorant Garamond",serif; font-size:56px; font-weight:600;
  line-height:1.2; letter-spacing:.02em; margin:0 0 6px;
}
.sm-lp .sm-fv__ja{font-size:15px; letter-spacing:.14em; color:var(--sm-copper); margin:0 0 32px;}
.sm-lp .sm-fv__rule{width:48px; height:1px; background:var(--sm-copper); margin:0 auto 28px; border:none;}
.sm-lp .sm-fv__def{font-size:19px; line-height:1.85; max-width:620px; margin:0 auto 26px;}

/* placeholder */
/*
.sm-lp .sm-ph{
  background:var(--sm-wash); border:1px dashed var(--sm-line); color:var(--sm-mute);
  font-size:13px; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:24px; line-height:1.7;
}
*/
.sm-lp .sm-ph--hero{aspect-ratio:16/9; margin-bottom:40px;}
.sm-lp .sm-ph--sq{aspect-ratio:1/1; margin-bottom:20px;}

/* steps */
.sm-lp .sm-steps{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--sm-line); border:1px solid var(--sm-line); margin-top:44px;}
.sm-lp .sm-step{background:var(--sm-white); padding:28px 24px;}
.sm-lp .sm-step--ours{background:rgba(176,118,74,.06);}
.sm-lp .sm-step__n{font-family:"Cormorant Garamond",serif; font-size:34px; line-height:1; color:var(--sm-copper); margin:0 0 14px;}
.sm-lp .sm-step__t{font-family:"Cormorant Garamond",serif; font-size:19px; font-weight:600; margin:0 0 10px; line-height:1.4;}
.sm-lp .sm-step__d{font-size:14px; line-height:1.8; margin:0; color:var(--sm-mute);}
.sm-lp .sm-step--ours .sm-step__d{color:var(--sm-ink);}

/* tables */
.sm-lp .sm-tbl{width:100%; border-collapse:collapse; margin-top:36px; font-size:15px;}
.sm-lp .sm-tbl caption{text-align:left; font-size:13px; color:var(--sm-mute); padding-bottom:10px;}
.sm-lp .sm-tbl th, .sm-lp .sm-tbl td{
  border-bottom:1px solid var(--sm-line); padding:16px 14px;
  text-align:left; vertical-align:top; font-weight:400; line-height:1.75;
}
.sm-lp .sm-tbl th[scope="col"]{
  font-family:"Cormorant Garamond",serif; font-size:17px; font-weight:600;
  border-bottom:1px solid var(--sm-ink);
}
.sm-lp .sm-tbl th[scope="row"]{font-size:13px; color:var(--sm-mute); background:var(--sm-wash); width:150px;}
.sm-lp .sm-tbl .sm-ours{background:rgba(176,118,74,.06); border-left:1px solid var(--sm-copper); border-right:1px solid var(--sm-copper);}
.sm-lp .sm-tbl th.sm-ours{color:var(--sm-copper); border-top:1px solid var(--sm-copper); border-bottom:1px solid var(--sm-copper);}
.sm-lp .sm-tbl tr:last-child .sm-ours{border-bottom:1px solid var(--sm-copper);}

/* cards */
.sm-lp .sm-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:44px;}
.sm-lp .sm-card__tag{font-size:12px; letter-spacing:.16em; color:var(--sm-copper); margin:0 0 10px; text-transform:uppercase;}
.sm-lp .sm-card__spec{font-size:14px; color:var(--sm-mute); line-height:1.85; border-top:1px solid var(--sm-line); margin-top:18px; padding-top:16px;}
.sm-lp .sm-stat{display:inline-block; font-size:12px; letter-spacing:.08em; padding:5px 12px; border:1px solid var(--sm-line); color:var(--sm-mute); margin:0 0 14px; line-height:1.5;}
.sm-lp .sm-stat--ready{border-color:var(--sm-copper); color:var(--sm-copper);}

/* buttons */
.sm-lp .sm-btn{
  display:inline-block; font-size:14px; letter-spacing:.08em; color:var(--sm-ink);
  text-decoration:none; border:1px solid var(--sm-ink); padding:14px 32px;
  transition:background .25s ease,color .25s ease;
}
.sm-lp .sm-btn:hover, .sm-lp .sm-btn:focus-visible{background:var(--sm-ink); color:var(--sm-white);}
.sm-lp .sm-btn--copper{border-color:var(--sm-copper); color:var(--sm-copper);}
.sm-lp .sm-btn--copper:hover, .sm-lp .sm-btn--copper:focus-visible{background:var(--sm-copper); color:var(--sm-white);}
.sm-lp .sm-btnrow{margin-top:20px;}

/* ordering steps */
.sm-lp .sm-flow{margin:40px 0 0; padding:0; list-style:none; counter-reset:f;}
.sm-lp .sm-flow li{counter-increment:f; border-left:1px solid var(--sm-line); padding:0 0 30px 32px; position:relative;}
.sm-lp .sm-flow li:last-child{border-left-color:transparent; padding-bottom:0;}
.sm-lp .sm-flow li::before{
  content:counter(f); position:absolute; left:-13px; top:0; width:26px; height:26px;
  border-radius:50%; background:var(--sm-copper); color:#fff;
  font-family:"Cormorant Garamond",serif; font-size:15px;
  display:flex; align-items:center; justify-content:center;
}
.sm-lp .sm-flow__t{font-family:"Cormorant Garamond",serif; font-size:19px; font-weight:600; margin:0 0 6px;}
.sm-lp .sm-flow__d{font-size:15px; line-height:1.8; margin:0; color:var(--sm-mute);}

/* callout */
.sm-lp .sm-note{border:1px solid var(--sm-line); border-left:3px solid var(--sm-copper); padding:24px 28px; margin-top:36px;}
.sm-lp .sm-note__t{font-family:"Cormorant Garamond",serif; font-size:19px; font-weight:600; margin:0 0 10px;}
.sm-lp .sm-note p:last-child{margin-bottom:0;}

/* safety */
.sm-lp .sm-safe{display:grid; grid-template-columns:1fr 1fr; gap:20px 44px; margin-top:38px;}
.sm-lp .sm-safe__item{border-left:2px solid var(--sm-copper); padding:4px 0 4px 20px;}
.sm-lp .sm-safe__t{font-family:"Cormorant Garamond",serif; font-size:18px; font-weight:600; margin:0 0 6px;}
.sm-lp .sm-safe__d{font-size:15px; line-height:1.8; margin:0;}

/* media */
.sm-lp .sm-media{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:36px;}
.sm-lp .sm-media__cell{border:1px solid var(--sm-line); padding:24px 8px; text-align:center; font-family:"Cormorant Garamond",serif; font-size:17px; letter-spacing:.04em; line-height:1.35;}
.sm-lp .sm-media__yr{display:block; font-family:"Noto Sans",sans-serif; font-size:11px; letter-spacing:.12em; color:var(--sm-mute); margin-top:6px;}

/* faq */
.sm-lp .sm-faq{border-top:1px solid var(--sm-line); margin-top:36px;}
.sm-lp .sm-faq__item{border-bottom:1px solid var(--sm-line); padding:22px 0;}
.sm-lp .sm-faq__q{font-family:"Cormorant Garamond",serif; font-size:19px; font-weight:600; margin:0 0 8px;}
.sm-lp .sm-faq__a{font-size:15px; line-height:1.8; margin:0; color:var(--sm-mute);}

/* exits */
.sm-lp .sm-exits{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--sm-line); border:1px solid var(--sm-line); margin-top:36px;}
.sm-lp .sm-exit{background:var(--sm-white); padding:26px 20px; text-decoration:none; color:var(--sm-ink); display:block;}
.sm-lp .sm-exit:hover, .sm-lp .sm-exit:focus-visible{background:var(--sm-wash);}
.sm-lp .sm-exit__label{font-family:"Cormorant Garamond",serif; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--sm-copper); margin:0 0 10px;}
.sm-lp .sm-exit__t{font-family:"Cormorant Garamond",serif; font-size:19px; font-weight:600; margin:0 0 8px;}
.sm-lp .sm-exit__d{font-size:14px; line-height:1.75; color:var(--sm-mute); margin:0;}

/* footer */
.sm-lp .sm-foot{padding:56px 0 80px; border-top:1px solid var(--sm-ink);}
.sm-lp .sm-foot__tm{font-size:13px; line-height:1.85; color:var(--sm-mute); margin:0 0 18px;}
.sm-lp .sm-foot__link{color:var(--sm-copper);}

@media (max-width:900px) and (min-width:768px){
  .sm-lp .sm-cards{grid-template-columns:1fr 1fr;}
}
@media (max-width:767px){
  .sm-lp .sm-sec{padding:60px 0;}
  .sm-lp .sm-fv{padding:52px 0 48px;}
  .sm-lp .sm-fv__h1{font-size:34px;}
  .sm-lp .sm-fv__def{font-size:17px;}
  .sm-lp .sm-h2{font-size:28px;}
  .sm-lp .sm-lead{font-size:17px;}
  .sm-lp .sm-steps{grid-template-columns:1fr;}
  .sm-lp .sm-cards{grid-template-columns:1fr; gap:44px;}
  .sm-lp .sm-safe{grid-template-columns:1fr;}
  .sm-lp .sm-media{grid-template-columns:1fr 1fr;}
  .sm-lp .sm-exits{grid-template-columns:1fr;}
  .sm-lp .sm-tbl{display:block;}
  .sm-lp .sm-tbl thead{display:none;}
  .sm-lp .sm-tbl tbody, .sm-lp .sm-tbl tr, .sm-lp .sm-tbl td, .sm-lp .sm-tbl th{display:block; width:auto;}
  .sm-lp .sm-tbl tr{margin-bottom:18px; border-top:1px solid var(--sm-ink);}
  .sm-lp .sm-tbl td::before{content:attr(data-label); display:block; font-size:12px; color:var(--sm-mute); margin-bottom:4px; letter-spacing:.06em; text-transform:uppercase;}
  .sm-lp .sm-tbl .sm-ours{border-left:2px solid var(--sm-copper); border-right:none;}
}
@media (prefers-reduced-motion: reduce){ .sm-lp .sm-btn{transition:none;} }