html,body{overflow-x:clip}
*{box-sizing:border-box}
:root{
  --red:#FF2727;
  --red-dark:#c81c1c;
  --black:#080808;
  --white:#fff;
  --surface:#F6F6F6;
  --line:#E5E5E5;
  --muted:#333333;
  --text:#080808;
  --sub:#2e2e2e;
}
body{
  margin:0;
  color:var(--text);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.5;
  background:#fff;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
}
button,input,textarea,select{font:inherit;cursor:pointer}
button{cursor:pointer}
/* Sitewide type lock — same face/weights on every page */
html,body,
h1,h2,h3,h4,h5,h6,
p,li,a,span,small,label,button,input,textarea,select,
.btn,.nav-cta,.hero-title,.hero-kicker,.hero-lede,
.page-title,.page-lede,.section-title,.how-kicker,
.biz-title,.biz-kicker,.biz-lede{
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif !important;
}
.wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 22px 64px;
}
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  display:block;
  background:#080808;
  border-bottom:1px solid #1a1a1a;
}
.site-header-inner{
  max-width:1180px;
  margin:0 auto;
  padding:28px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{display:block;line-height:0;flex:0 0 auto}
.brand img{display:block;height:56px;width:auto}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav a{
  color:#fff;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:0;
  text-decoration:none;
  text-transform:uppercase;
}
.site-nav a:hover{color:#fff;opacity:.85}
.nav-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:6px;
  background:#080808;
  border:1.5px solid #080808;
  color:#fff !important;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
  transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease;
}
.nav-cta:hover{background:#080808;color:#fff !important;border-color:#080808;opacity:.88}
.nav-drop{position:relative}
.nav-drop-panel{
  display:none;
  position:absolute;
  top:100%;
  left:-14px;
  z-index:50;
  min-width:250px;
  padding:8px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
}
.nav-drop:hover .nav-drop-panel,
.nav-drop:focus-within .nav-drop-panel{display:grid}
.nav-drop-panel a{padding:9px 10px;border-radius:6px;color:#080808;font-size:14px;text-transform:uppercase}
.nav-drop-panel a:hover{background:var(--surface);color:var(--black)}
.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid #333;
  border-radius:6px;
  background:transparent;
  place-items:center;
}
.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{
  display:block;
  width:16px;
  height:1.5px;
  background:#fff;
  position:relative;
}
.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}
.nav-toggle-bars:before{top:-5px}
.nav-toggle-bars:after{top:5px}
.hero-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,500px);
  gap:48px;
  align-items:center;
  padding:48px 0 24px;
  scroll-margin-top:0;
}
#edit{
  scroll-margin-top:120px;
}
.edge-lines{display:none !important}
.edge-lines span{
  position:absolute;
  height:3px;
  background:var(--red);
  transform:rotate(-28deg);
}
.edge-lines span:nth-child(1){width:150px;left:0;top:10px}
.edge-lines span:nth-child(2){width:88px;left:16px;top:28px}
.edge-lines span:nth-child(3){width:150px;right:0;top:8px;transform-origin:right center}
.edge-lines span:nth-child(4){width:88px;right:16px;top:26px;transform-origin:right center}
.hero-copy,.hero-layout .upload-card{position:relative;z-index:1}
.hero-kicker{
  margin:0 0 16px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}
.hero-title{
  margin:0 0 18px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(72px,6.2vw,104px);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:.88;
  text-transform:uppercase;
}
.hero-title span{display:block;color:var(--black)}
.hero-lede{
  margin:0;
  max-width:none;
  color:var(--sub);
  font-size:17px;
  line-height:1.2;
  font-weight:500;
}
.benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  margin:48px 0 0;
  padding:0;
  list-style:none;
}
.benefits li{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  color:var(--black);
}
.benefits svg{width:48px;height:48px;display:block;stroke:var(--black);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.benefits .play{fill:var(--black);stroke:none}
.benefits b{display:block;font-size:17px;font-weight:700;line-height:1.15;text-transform:uppercase;letter-spacing:.02em}
.benefits small{display:block;margin-top:6px;color:var(--sub);font-size:14px;line-height:1.4;font-weight:500}
.hero-layout .upload-card{
  margin:0;
  padding:36px 30px 24px;
  background:#F3F3F3;
  border:0;
  border-radius:18px;
}
.hero-layout .section-title-row{justify-content:center}
.hero-layout .section-title{font-size:20px;letter-spacing:.12em;font-weight:700}
.hero-layout .link-box{
  min-height:0;
  margin-top:6px;
  padding:22px 4px 6px;
  background:transparent;
  border:0;
  border-radius:0;
}
.hero-layout .link-icon{
  width:88px;
  height:88px;
  margin:6px auto 18px;
  color:#6b6b6b;
}
.hero-layout .link-icon svg{width:88px;height:88px;display:block}
.hero-layout .link-box input{height:54px;border-radius:8px;background:#fff;border-color:#e1e1e1;font-size:16px}
.hero-layout .link-help{
  margin:0 auto 18px;
  color:#111;
  font-size:16px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
}
.hero-layout .drop-box{
  cursor:pointer;
  border:0;
  border-radius:12px;
  background:#fff;
  padding:36px 20px 28px;
  transition:background .15s ease,box-shadow .15s ease;
}
.hero-layout .drop-box.is-dragover{
  background:#fff;
  box-shadow:inset 0 0 0 2px #080808;
}
.hero-layout .drop-box.has-files{
  background:#fff;
  cursor:default;
}
.hero-layout .drop-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  align-items:center;
}
.hero-layout .btn-upload{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 28px;
  border-radius:999px !important;
  background:#111 !important;
  border:2px solid #111 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.hero-layout .btn-upload:hover{
  background:var(--red) !important;
  border-color:var(--red) !important;
  color:#fff !important;
}
.hero-layout #continueFilesBtn{
  margin:14px auto 0;
}
.hero-layout .upload-progress{margin-top:16px;text-align:left}
.hero-layout .upload-progress-bar{height:8px;background:#e8e8e8;border-radius:999px;overflow:hidden}
.hero-layout .upload-progress-bar span{display:block;height:100%;width:0;background:#080808;transition:width .2s ease}
.hero-layout .upload-progress-text{margin:8px 0 0;font-size:12px;font-weight:600;color:#080808}
.hero-layout .status-tracker{margin-top:16px;padding:14px 8px 8px;border-radius:10px;background:transparent}
.hero-layout .share-guide-link{display:block;margin:16px auto 4px;color:var(--black);font-size:16px;font-weight:700;text-align:center;text-decoration:underline}
.brands{
  width:100vw;
  margin-top:96px;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  padding:48px 0 42px;
  background:#F3F3F3;
  border-radius:0;
}
.brands-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 22px;
}
.brand-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  width:100%;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.brand-row li{
  padding:14px 22px;
  background:#fff;
  border:1px solid #E4E4E4;
  border-radius:10px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1;
}
.brand-note{
  margin:12px 0 0;
  color:var(--black);
  font-size:13px;
  line-height:1.4;
  font-weight:500;
  text-align:right;
}
.how{padding:112px 0 24px;text-align:center}
.how-kicker{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 0 14px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.how-kicker:before{content:none;display:none}
.how h2{
  margin:0 0 36px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(36px,4.2vw,52px);
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.08;
  text-transform:uppercase;
}
.how-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  text-align:center;
  max-width:980px;
  margin:0 auto;
  justify-content:center;
}
.how-card{
  margin:0;
  padding:28px 26px 32px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  text-align:center;
}
.how-top{display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.how-card span{display:none}
.how-ico{
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#fff;
}
.how-ico svg{width:22px;height:22px;stroke:var(--black);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.how-card h3{
  margin:0;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:-.02em;
  text-transform:uppercase;
}
h1,h2,h3{
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  color:var(--black);
  font-weight:700;
}
h1{font-weight:700}
p,small,.page-lede,.hero-lede,.prose p,.prose li{color:var(--black)}
.how-card h3:before{content:none}
.how-card p{margin:0;color:var(--black);font-size:16px;line-height:1.5;font-weight:500}
.page{padding:8px 0 24px}
.page-intro{padding:48px 0 28px;max-width:760px}
.page-intro .how-kicker,
.page-intro .hero-kicker{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin:0 0 14px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.page-intro .how-kicker:before,
.page-intro .hero-kicker:before{content:none;display:none}
.page-intro h1,
.page-title{
  margin:0 0 16px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(40px,5vw,60px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.02;
  text-transform:none;
}
.page-lede{
  margin:0;
  max-width:none;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:18px;
  line-height:1.2;
  font-weight:500;
}
.page-section{margin-top:56px}
.page-section > .how-kicker{justify-content:flex-start;margin-bottom:14px}
.page-section > h2{
  margin:0 0 12px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(28px,3.4vw,40px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.05;
}
.prose{max-width:720px}
.prose h2{
  margin:36px 0 12px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(26px,3vw,34px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.05;
  color:var(--black);
}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.65;
  font-weight:500;
}
.prose p{margin:0 0 16px}
.prose p:last-child{margin-bottom:0}
.prose ul,.prose ol{margin:12px 0 0;padding-left:20px}
.prose a{color:var(--black);font-weight:700;text-decoration:underline}
.prose a:hover{color:var(--black)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card-grid a,
.info-card{
  display:block;
  padding:26px 24px 28px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  color:inherit;
  text-decoration:none;
}
.card-grid a:hover{border-color:#ccc}
.card-grid h3,
.info-card h3{
  margin:0 0 10px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--black);
}
.card-grid p,
.info-card p{
  margin:0;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.5;
  font-weight:500;
}
.step-grid{margin-top:8px}
.step-grid .how-card{background:var(--surface);border-color:transparent}
.detail-panel{
  margin-top:56px;
  padding:40px 36px;
  background:var(--surface);
  border-radius:16px;
}
.detail-panel h2{
  margin:0 0 12px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(28px,3.2vw,36px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.05;
}
.detail-panel h3{
  margin:28px 0 8px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:20px;
  font-weight:700;
  letter-spacing:-.02em;
}
.detail-panel p{
  margin:0 0 14px;
  max-width:720px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.6;
  font-weight:500;
}
.detail-panel p:last-child{margin-bottom:0}
.detail-panel a{color:var(--black);font-weight:700;text-decoration:underline}
.price-panel{
  margin-top:8px;
  padding:36px 32px;
  background:var(--surface);
  border-radius:16px;
  max-width:640px;
}
.page-cta,.final-cta{
  margin-top:64px;
  padding:48px 32px;
  background:var(--surface);
  border-radius:16px;
  text-align:center;
}
.page-cta h2,.final-cta h2{
  margin:0 0 12px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(34px,4vw,48px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1;
  text-transform:none;
}
.page-cta p,.final-cta p{
  margin:0 auto;
  max-width:520px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:17px;
  line-height:1.5;
  font-weight:500;
}
.page-cta .nav-cta,.final-cta .nav-cta{
  margin-top:22px;
  display:inline-flex;
}
.home-block{padding:72px 0 8px}
.home-block h2{margin:0 0 8px;font-family:"MADE Tommy",Arial,Helvetica,sans-serif;font-size:clamp(34px,4vw,48px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.home-block .how-kicker{justify-content:flex-start}
.how-more{margin:22px 0 0}
.how-more a{color:var(--black);font-weight:700;text-decoration:underline}
.faq-list{max-width:760px;margin:40px 0 0;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{margin:0;font-size:inherit;font-weight:inherit}
.faq-q button{
  width:100%;
  margin:0;
  padding:18px 4px;
  border:0;
  background:transparent;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:18px;
  font-weight:700;
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  cursor:pointer;
}
.faq-q button:after{content:"+";flex:0 0 auto;color:var(--black);font-size:22px;font-weight:700;line-height:1}
.faq-item.is-open .faq-q button:after{content:"–"}
.faq-q button:hover{color:#8a8a8a}
.faq-q button:hover:after{color:#8a8a8a}
.faq-a{
  padding:0 4px 18px;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.65;
  font-weight:500;
}
.faq-a p{margin:0 0 12px}
.faq-a p:last-child{margin-bottom:0}
.faq-a a{color:var(--black);font-weight:700;text-decoration:underline}
.faq-a a:hover{color:var(--black);text-decoration:underline}
.how-card a,.how a{color:var(--black);font-weight:700;text-decoration:underline}
.how-card a:hover,.how a:hover{color:var(--black);text-decoration:underline}
/* Answers stay in the HTML; closed items are collapsed for visitors only */
.faq-item:not(.is-open) .faq-a{display:none}
.price-figure{
  margin:0;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(64px,8vw,96px);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:.9;
  color:var(--black);
}
.price-figure span{
  display:block;
  margin-top:12px;
  color:var(--black);
  font-size:18px;
  font-weight:700;
  letter-spacing:0;
}
.site-foot{
  margin:48px auto 0;
  padding:40px 22px 28px;
  max-width:1180px;
  background:transparent;
  border-top:0;
}
.site-foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 40px}
.site-foot-label{margin:0 0 10px;font-family:"MADE Tommy",Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.site-foot a,.site-foot span{display:block;margin:0 0 8px;color:#fff;font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;text-transform:uppercase}
.site-foot a:hover{color:#fff;opacity:.8}
body > .site-foot,
.wrap + .site-foot,
footer.site-foot{
  max-width:none;
  width:100vw;
  margin:48px 0 0;
  margin-left:calc(50% - 50vw);
  padding:40px 0 28px;
  background:#080808;
}
footer.site-foot .site-foot-cols,
.site-foot .site-foot-cols{
  max-width:1180px;
  margin:0 auto;
  padding:0 22px;
}
@media(max-width:700px){.site-foot-cols{grid-template-columns:1fr;gap:22px}}
.btn{border-radius:6px;text-transform:uppercase}
h1,h2,h3,h4,.hero-title,.hero-kicker,.page-title,.section-title,.how-kicker,.biz-kicker,.biz-title,.brand-label{
  text-transform:uppercase;
}
.lesson{border-radius:8px;background:var(--surface)}
.modal-panel{border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.12)}
#checkoutModal .btn.full{border-radius:6px}
#promoOffer .modal-panel{border-radius:8px;box-shadow:none}
@media(max-width:1100px){
  .nav-toggle{display:grid}
  .site-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:8px 16px 16px;
    background:#080808;
    border-bottom:1px solid #1a1a1a;
  }
  body.nav-open .site-nav{display:flex}
  .site-nav > a,.nav-drop > a{padding:12px 4px;font-size:16px;color:#fff}
  .nav-cta{width:100%;min-height:48px;margin-top:6px}
  .nav-drop-panel{position:static;display:grid;min-width:0;padding:0 0 8px 12px;border:0;border-radius:0;background:transparent}
  .nav-drop-panel a{color:#fff}
}
/* Service landing pages — homepage visual language */
.service-page{padding:0 0 8px}
.service-hero{
  position:relative;
  padding:64px 0 8px;
  max-width:820px;
}
.service-hero .edge-lines{height:72px}
.service-hero .hero-kicker{
  margin:0 0 18px;
  color:var(--black);
  font-size:15px;
  letter-spacing:.16em;
}
.service-hero .hero-title{
  font-size:clamp(56px,8vw,96px);
  margin:0 0 20px;
}
.service-hero .hero-lede{
  max-width:none;
  font-size:19px;
  line-height:1.2;
}
.service-hero .hero-lede-as-title{
  margin:0 0 8px;
  max-width:34em;
  color:var(--sub);
  font-size:clamp(20px,2.6vw,28px);
  font-weight:500;
  letter-spacing:.01em;
  line-height:1.35;
  text-transform:none;
}
.service-hero .benefits{
  margin-top:36px;
  max-width:720px;
}
.service-hero-cta{
  display:inline-flex;
  margin-top:36px;
  min-width:200px;
}
.service-band{
  margin:56px 0 0;
  padding:36px 32px;
  background:var(--surface);
  border-radius:16px;
}
.service-band h2{
  margin:0 0 10px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(26px,3vw,34px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.1;
}
.service-band p{
  margin:0;
  max-width:640px;
  color:var(--black);
  font-size:17px;
  line-height:1.55;
  font-weight:500;
}
.service-band a{color:var(--black);font-weight:700;text-decoration:underline}
.service-band a:hover{color:var(--black)}
.service-about{padding:72px 0 8px}
.service-about > .how-kicker{justify-content:flex-start;margin-bottom:14px}
.service-about > h2{
  margin:0 0 28px;
  max-width:640px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(34px,4vw,48px);
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.05;
}
.service-about-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.service-about-grid article{
  margin:0;
  padding:28px 26px 30px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
}
.service-about-grid h3{
  margin:0 0 10px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:24px;
  font-weight:700;
  letter-spacing:-.02em;
}
.service-about-grid p{
  margin:0;
  color:var(--black);
  font-size:16px;
  line-height:1.55;
  font-weight:500;
}
.service-related{
  margin:40px 0 0;
  padding:0 0 8px;
  color:var(--black);
  font-size:15px;
  line-height:1.55;
  font-weight:500;
}
.service-related a{color:var(--black);font-weight:700;text-decoration:underline}
.service-related a:hover{color:var(--black)}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}
.service-list a{
  display:block;
  padding:28px 26px 30px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  color:inherit;
  text-decoration:none;
  transition:border-color .15s ease;
}
.service-list a:hover{border-color:#ccc}
.service-list h3{
  margin:0 0 10px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:24px;
  font-weight:700;
  letter-spacing:-.02em;
}
.service-list p{
  margin:0;
  color:var(--black);
  font-size:15px;
  line-height:1.5;
  font-weight:500;
}
@media(max-width:860px){
  .hero-layout{grid-template-columns:1fr;gap:28px;padding:22px 0 4px}
  .edge-lines{display:none}
  .hero-title{font-size:clamp(64px,16vw,88px)}
  .hero-kicker{font-size:13px}
  .hero-lede{font-size:17px}
  .benefits{gap:16px;margin-top:28px}
  .benefits svg{width:40px;height:40px}
  .benefits b{font-size:16px}
  .benefits small{font-size:14px}
  .how{padding:56px 0 4px}
  .how h2{font-size:clamp(36px,8vw,48px)}
  .how-grid,.card-grid,.card-grid.two,.service-about-grid,.service-list{grid-template-columns:1fr}
  .home-block{padding:48px 0 4px}
  .page-intro{padding:22px 0 14px}
  .page-intro h1,
  .page-title{font-size:clamp(28px,8.5vw,40px);margin-bottom:10px;letter-spacing:-.02em}
  .page-lede{font-size:15px;line-height:1.45}
  .page-section{margin-top:36px}
  .detail-panel,.price-panel,.service-band{padding:22px 16px}
  .page-cta,.final-cta{padding:28px 16px;margin-top:36px}
  .brands{padding:28px 0 22px}
  .brands-inner{flex-direction:column;align-items:flex-start;padding:0 16px}
  .brand-row{justify-content:space-between}
  .brand-row li{font-size:16px;padding:12px 16px}
  .brand-note{text-align:left}
  .service-hero{padding:22px 0 4px}
  .service-hero .hero-title{font-size:clamp(40px,12vw,64px)}
  .service-hero .hero-lede{font-size:16px;line-height:1.4}
  .service-hero .hero-lede-as-title{font-size:clamp(26px,7.5vw,36px);line-height:1.15}
  .service-hero .benefits{
    grid-template-columns:1fr;
    gap:18px;
    margin-top:22px;
  }
  .service-hero .benefits li{
    flex-direction:row;
    align-items:flex-start;
    gap:14px;
  }
  .service-hero .benefits svg{width:36px;height:36px;flex:0 0 auto}
  .service-hero-cta{width:100%;justify-content:center}
  .service-about{padding:48px 0 4px}
}
@media(max-width:520px){
  .site-header-inner{padding:18px 16px}
  .wrap{padding-left:16px;padding-right:16px}
  .brand img{height:32px}
  .hero-layout .upload-card{padding:16px 14px 12px}
  .hero-layout .link-box{padding:28px 14px 18px}
}


/* —— Brand theme: GoPro-like type hierarchy, red actions —— */
.edge-lines{display:none !important}
h1,h2,h3,h4,h5,h6,
.hero-kicker,.hero-title,.hero-title span,
.how-kicker,.how-card span,.brand-label,
.page-title,.section-title,.biz-title,.biz-kicker,
.faq-q button,.card-grid h3,.info-card h3,.price-figure{
  color:var(--black);
  font-weight:700;
}
.hero-lede,.page-lede,.prose p,.prose li,.detail-panel p,
.how-card p,.brand-note,.faq-a,.card-grid p,.info-card p,
.benefits small,.service-band p,.service-related,.service-list p,
.service-about-grid p,.biz-section-head p,.biz-card p,.biz-lede{
  color:var(--sub);
  font-weight:500;
}
.prose a,.detail-panel a,.how-more a,.how-card a,.how a,.faq-a a,
.service-band a,.service-related a,.share-guide-link{
  color:var(--black);
  text-decoration:underline;
}
.how-kicker:before,.page-intro .how-kicker:before,.page-intro .hero-kicker:before{display:none !important;content:none !important}
/* Header + footer: black bars, white type */
.site-header .site-nav > a,
.site-header .nav-drop > a,
.site-foot,
.site-foot a,
.site-foot span,
.site-foot-label{
  color:#fff !important;
}
.site-header .nav-drop-panel a{color:#080808 !important}
@media(max-width:1100px){
  .site-header .nav-drop-panel a{color:#fff !important}
}
/* Primary buttons — red outline, no fill; hover text turns red */
.btn:not(.secondary):not(.btn-ghost):not(.btn-upload):not(.nav-cta),
#inspectLinkBtn{
  background:transparent !important;
  color:var(--black) !important;
  border:1.5px solid var(--red) !important;
  border-radius:6px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
  transition:color .15s ease,border-color .15s ease,background .15s ease;
}
.btn:not(.secondary):not(.btn-ghost):not(.btn-upload):not(.nav-cta):hover,
#inspectLinkBtn:hover{
  background:transparent !important;
  color:var(--red) !important;
  border-color:var(--red) !important;
}
/* Upload CTAs — black fill, white type */
.nav-cta,
.service-hero-cta,
.page-cta .nav-cta,
.final-cta .nav-cta,
.biz-final .nav-cta{
  background:#080808 !important;
  color:#fff !important;
  border:1.5px solid #080808 !important;
  border-radius:6px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
  transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease;
}
.nav-cta:hover,
.service-hero-cta:hover,
.page-cta .nav-cta:hover,
.final-cta .nav-cta:hover,
.biz-final .nav-cta:hover{
  background:#080808 !important;
  color:#fff !important;
  border-color:#080808 !important;
  opacity:.88;
}
/* Header sits on black — keep fill black, outline white so the CTA reads */
.site-header .nav-cta{
  border-color:#fff !important;
}
.site-header .nav-cta:hover{
  border-color:#fff !important;
  opacity:.9;
}
.btn.secondary,
.btn-ghost,
.biz-guide-nav .btn-ghost{
  background:transparent !important;
  color:var(--black) !important;
  border:1.5px solid var(--black) !important;
  border-radius:6px !important;
}
.btn.secondary:hover,
.btn-ghost:hover,
.biz-guide-nav .btn-ghost:hover{
  color:var(--red) !important;
  border-color:var(--red) !important;
}
.hero-layout #inspectLinkBtn,
#inspectLinkBtn{
  display:inline-flex !important;
  width:auto !important;
  min-width:0;
  min-height:42px !important;
  padding:0 18px !important;
  font-size:14px !important;
  margin:0 auto;
}
.hero-layout .link-box{text-align:center}
.hero-layout .link-box input{text-align:center}

/* Upload help modal */
#helpModal .modal-panel{width:min(720px,100%);padding:28px 28px 32px}
#helpModal .modal-top{margin-bottom:4px}
#helpTitle{
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(28px,4vw,40px);
  font-weight:700;
  letter-spacing:-.02em;
  text-transform:uppercase;
  line-height:.95;
  margin:0;
}
.help-body{
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.55;
  font-weight:500;
  text-transform:none;
  letter-spacing:0;
  margin-top:0;
}
.help-body p{margin:0}
.help-kicker{
  margin:0 0 10px;
  color:var(--black);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.help-lede{
  margin:0 0 28px;
  max-width:34em;
  color:#585858;
  font-size:17px;
  line-height:1.45;
  font-weight:500;
}
.help-note{
  margin:0 0 32px;
  padding:20px 22px;
  background:#F3F3F3;
  border:0;
  border-radius:0;
}
.help-note-mark{display:none}
.help-note-label{
  margin:0 0 8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--black);
}
.help-note p{margin:0;color:#3a3a3a;font-size:15px;line-height:1.5;font-weight:500}
.help-steps{border:0;background:transparent;display:flex;flex-direction:column;gap:0}
.help-step{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:18px 20px;
  padding:28px 0;
  border-top:1px solid #e4e4e4;
}
.help-step:first-child{border-top:0;padding-top:4px}
.help-num{
  display:block;
  margin:2px 0 0;
  color:var(--black);
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:28px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1;
}
.help-step-main{min-width:0}
.help-step-title{
  margin:0 0 10px;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:clamp(22px,3vw,28px);
  font-weight:700;
  letter-spacing:-.02em;
  text-transform:uppercase;
  line-height:1.05;
  color:var(--black);
}
.help-step-title:before{content:none}
.help-step-body{font-size:16px;line-height:1.55;color:#3a3a3a;font-weight:500}
.help-step-body p + p{margin-top:10px}
.help-step-body .hint{
  display:block;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #e8e8e8;
  color:#585858;
  font-size:14px;
  line-height:1.45;
  font-weight:500;
}
.help-click{display:inline-flex;align-items:center;gap:5px;color:var(--black);font-weight:700;white-space:nowrap;vertical-align:-4px}
.help-click svg{width:16px;height:16px;display:block;flex:0 0 auto}
.help-click svg path,.help-click svg circle,.help-click svg rect{fill:none;stroke:#080808;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.help-strong{color:var(--black);font-weight:700}
.help-go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:16px 0 0;
  min-height:42px;
  padding:0 18px;
  border:1.5px solid #FF2727;
  border-radius:6px;
  color:var(--black);
  text-decoration:none;
  font-family:"MADE Tommy",Arial,Helvetica,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  background:transparent;
}
.help-go:hover{color:#FF2727;text-decoration:none}
.help-foot{
  margin:8px 0 0;
  padding:24px 0 0;
  border-top:1px solid #e4e4e4;
  color:#3a3a3a;
  font-size:15px;
  line-height:1.55;
}
.help-foot-label{
  margin:0 0 8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--black);
}
.help-foot a{color:var(--black);font-weight:700;text-decoration:underline}
.help-foot strong{color:var(--black)}
@media(max-width:560px){
  #helpModal .modal-panel{padding:22px 18px 26px}
  .help-step{grid-template-columns:1fr;gap:10px;padding:22px 0}
  .help-num{font-size:22px}
  .help-step-title{font-size:22px}
}