:root{
  --red:#cd1717;
  --red-dark:#a70e13;
  --red-soft:#fff0f1;
  --black:#151515;
  --ink:#2b2b2b;
  --muted:#707070;
  --line:#e5e5e5;
  --gray:#f6f6f6;
  --white:#fff;
  --shadow:0 24px 65px rgba(25,25,25,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:linear-gradient(180deg,#fafafa,#f3f3f3);
  color:var(--ink);
  font-family:"DM Sans",sans-serif;
}
a{color:inherit}
.terms-header{
  height:88px;
  padding:0 5vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--line);
  position:sticky;
  top:0;
  z-index:20;
  backdrop-filter:blur(14px);
}
.brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
}
.brand-mark{
  width:46px;
  height:46px;
  border-radius:11px;
  display:grid;
  place-items:center;
  background:var(--red);
  color:#fff;
  font:800 18px Manrope;
}
.brand-copy{display:flex;flex-direction:column}
.terms-header .brand{gap:0}.terms-header .brand-mark{width:90px!important;height:auto!important;min-width:90px;display:block;border-radius:0;background:transparent;color:var(--red);font-size:72px!important;line-height:.72;letter-spacing:-.1em}.terms-header .header-links{display:flex!important;align-items:center;gap:22px!important}.terms-header .header-links>a{display:inline-flex;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.terms-header .header-links>a:hover{color:var(--red)}
.brand-copy strong{font:800 18px Manrope;letter-spacing:.04em}
.brand-copy small{font-size:10px;color:var(--muted)}
.back-link{
  color:var(--red);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.terms-page{
  max-width:1050px;
  margin:auto;
  padding:60px 5vw 100px;
}
.terms-hero{
  max-width:760px;
  margin-bottom:34px;
}
.eyebrow{
  color:var(--red);
  font-size:12px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
h1{
  margin:13px 0 18px;
  color:var(--black);
  font:800 clamp(44px,6vw,70px)/1.03 Manrope;
  letter-spacing:-.05em;
}
.terms-hero p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
.terms-card{
  padding:46px 50px;
  border:1px solid var(--line);
  border-radius:25px;
  background:#fff;
  box-shadow:var(--shadow);
}
.terms-intro{
  padding:20px 22px;
  border-left:4px solid var(--red);
  border-radius:0 14px 14px 0;
  background:var(--red-soft);
}
.terms-intro p{
  margin:0;
  font-size:14px;
  font-weight:600;
  line-height:1.75;
}
.terms-list{
  margin:34px 0 0;
  padding-left:24px;
}
.terms-list li{
  padding:0 0 22px 10px;
  color:#404040;
  font-size:13px;
  line-height:1.8;
}
.terms-list li::marker{
  color:var(--red);
  font-weight:800;
}
.terms-list strong{
  color:var(--black);
}
.terms-notice{
  display:flex;
  gap:8px;
  padding:17px 19px;
  border:1px solid #ead6a4;
  border-radius:13px;
  background:#fff9e8;
  color:#6f550e;
  font-size:12px;
  line-height:1.55;
}
.terms-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:24px;
}
.primary-button,.secondary-button{
  min-height:47px;
  padding:13px 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
}
.primary-button{
  background:var(--red);
  color:#fff;
  box-shadow:0 10px 24px rgba(205,23,23,.18);
}
.primary-button:hover{background:var(--red-dark)}
.secondary-button{
  border:1px solid var(--line);
  background:#fff;
  color:var(--black);
}
.terms-actions a{min-height:40px;padding:10px 18px;border-radius:999px;font-size:11px;font-weight:800;box-shadow:none}.terms-actions{gap:10px}
.terms-footer{
  padding:32px 5vw;
  display:flex;
  justify-content:space-between;
  gap:30px;
  background:#151515;
  color:#aaa;
  font-size:11px;
}
@media(max-width:720px){
  .terms-header{height:76px}
  .brand-copy small{display:none}
  .terms-header .header-links{display:grid!important;grid-template-columns:max-content max-content;gap:8px 10px!important;justify-content:end;align-items:center}.terms-header .header-links>a{font-size:10px}.terms-header .header-links>.back-link{grid-column:1/-1;justify-self:end;color:var(--red)}.terms-header .brand-mark{width:70px!important;min-width:70px;font-size:54px!important}
  .back-link{font-size:11px}
  .terms-page{padding:40px 4vw 70px}
  h1{font-size:43px}
  .terms-card{padding:29px 21px}
  .terms-list{padding-left:20px}
  .terms-list li{padding-left:5px}
  .terms-actions{flex-direction:column}
  .terms-actions a{width:100%}
  .terms-footer{flex-direction:column}
}