/* Steel & Soda: fixes and live-site additions (loaded last on every page) */
/* Checkboxes and radios: normal size, label right next to the box */
input[type=checkbox],input[type=radio]{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;margin:3px 0 0!important;flex:0 0 18px;border-radius:4px;accent-color:var(--teal,#007b7f);cursor:pointer}
.checks{gap:10px 24px}
.checks label{display:flex!important;align-items:flex-start;justify-content:flex-start;gap:10px;text-align:left;line-height:1.4;cursor:pointer}
.signature .checks label{font-size:.95rem}
/* Header: logo mark next to the name, and an Apply button */
.site-header .brand{display:flex!important;align-items:center;gap:12px;text-decoration:none}
.site-header .brand img.ss-mark,.site-footer .brand img.ss-mark{display:block!important;width:44px;height:auto;object-fit:contain}
.site-footer .brand img.ss-mark{width:34px}
.header-inner{gap:18px}
.header-cta{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:10px 18px;border-radius:999px;background:#007b7f;color:#fff!important;font-weight:700;font-size:.88rem;text-decoration:none;margin-left:8px}
.header-cta:hover{background:#00666b}
@media(max-width:720px){.site-header .brand img.ss-mark{width:36px}.header-cta{padding:8px 13px;font-size:.8rem;margin-left:auto}}
/* Home hero (crisp: real text, the original logo file and a drawn wave) */
.ss-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#ffffff 0%,#f4fbfb 55%,#eaf6f6 100%);padding:110px 20px 0;text-align:center}
.ss-hero-inner{position:relative;z-index:2;max-width:1060px;margin:0 auto}
.ss-lockup{display:flex;align-items:center;justify-content:center;gap:34px}
.ss-lockup img{width:168px;height:auto;flex:0 0 auto;filter:drop-shadow(0 10px 18px rgba(0,80,90,.18))}
.ss-divider{width:2px;align-self:stretch;min-height:150px;background:linear-gradient(transparent,#0e8a91 20%,#0e8a91 80%,transparent)}
.ss-word{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.ss-name{font-family:'Libre Caslon Display','Libre Caslon Text',Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.6rem,7.4vw,6.4rem);letter-spacing:.01em;line-height:1;color:#0f1f2b;white-space:nowrap}
.ss-rule{display:block;width:100%;height:2px;background:linear-gradient(90deg,rgba(16,43,54,0) 0%,#6e8790 18%,#24b5bd 50%,#6e8790 82%,rgba(16,43,54,0) 100%)}
.ss-desc{margin:34px 0 0;font:600 clamp(.66rem,1.25vw,.95rem)/1.4 -apple-system,'Segoe UI',Arial,sans-serif;letter-spacing:.32em;color:#22343d;text-transform:uppercase}
.ss-desc i{font-style:normal;color:#17a4ad;margin:0 .9em}
.ss-tag{margin:16px 0 0;font:italic 400 clamp(1.15rem,2.2vw,1.65rem)/1.3 Georgia,'Times New Roman',serif;color:#2c4650}
.ss-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.ss-cta a{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;border:1.5px solid #007b7f}
.ss-cta .a-pub{background:#007b7f;color:#fff}.ss-cta .a-pub:hover{background:#00666b;border-color:#00666b}
.ss-cta .a-buy{background:#fff;color:#00666b}.ss-cta .a-buy:hover{background:#eff9f8}
.ss-wave{display:block;width:100%;height:230px;margin-top:-10px;position:relative;z-index:1}
.ss-hero .ss-nav-note{display:none}
@media(max-width:760px){
  .ss-hero{padding-top:92px}
  .ss-lockup{flex-direction:column;gap:14px}
  .ss-lockup img{width:120px}
  .ss-divider{display:none}
  .ss-word{align-items:center}
  .ss-name{font-size:clamp(2.2rem,11vw,3.2rem)}
  .ss-desc{letter-spacing:.18em;line-height:1.9}
  .ss-desc i{margin:0 .45em}
  .ss-wave{height:130px}
}
@media(max-width:720px){
 .site-header .brand{font-size:1rem;gap:8px;min-width:0;flex:1 1 auto}
 .site-header .brand span,.site-header .brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .site-header .brand img.ss-mark{width:30px;height:auto}
 .site-header .mobile-menu{order:3;margin-left:6px}
 .header-cta{order:2;padding:8px 12px;font-size:.78rem;margin-left:6px}
 .header-cta .cta-long{display:none}
}
@media(min-width:721px){.header-cta .cta-short{display:none}}
@media(max-width:720px){.site-header .brand span{font-size:1.02rem!important;letter-spacing:0!important;overflow:visible}.site-header .header-inner{gap:6px}}
/* ---- iPhone / mobile pass ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.footer-wordmark{display:inline-flex;align-items:center;gap:10px}
.footer-wordmark img.ss-mark{width:34px;height:auto;display:inline-block}
.agree-line{display:grid!important;grid-template-columns:18px 1fr;gap:12px;align-items:start}
.agree-line span{display:block;line-height:1.5}
@media(max-width:720px){
 body{font-size:16px;line-height:1.6}
 .container,.approved-container{width:auto!important;margin-left:20px!important;margin-right:20px!important}
 /* home hero */
 .ss-hero{padding:36px 16px 0!important}
 .ss-lockup img{width:132px!important;max-width:60vw}
 .ss-name{font-size:clamp(2.4rem,12vw,3.3rem)!important;line-height:1.05;letter-spacing:.02em;white-space:nowrap}
 .ss-desc{font-size:.72rem!important;letter-spacing:.14em!important;line-height:2;max-width:330px;margin-left:auto;margin-right:auto}
 .ss-cta{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;max-width:320px;margin-left:auto;margin-right:auto}
 .ss-cta a{width:100%;justify-content:center}
 /* home sections */
 .feature-line{gap:36px!important}
 .feature-line p,.process-track p{max-width:none!important;font-size:1rem!important;line-height:1.6}
 .feature-line h3,.process-track h3{font-size:1.6rem!important}
 .section-heading h2{font-size:2.2rem!important;line-height:1.15}
 .section-heading p{font-size:1rem!important}
 .partner-split article{padding:28px 4px!important}
 .partner-split p,.approach-grid p,.last-word p{font-size:1rem!important;line-height:1.6}
 .last-word .ss-cta,.last-word .hero-ctas{max-width:320px;margin:0 auto}
 /* inner pages */
 .page-hero{padding:40px 0 48px!important}
 .page-hero h1{font-size:2.3rem!important;line-height:1.12}
 .page-hero .intro,.intro{font-size:1.05rem!important}
 .section{padding:52px 0!important}
 h2{font-size:2rem}
 .btn{min-height:50px;font-size:1rem}
 /* forms: 16px inputs stop iPhone auto-zoom */
 .form-layout{display:block!important}
 .form-card{padding:20px 16px!important;border-radius:16px}
 .form-card legend{font-size:1.35rem!important}
 .field input,.field select,.field textarea{font-size:16px!important;min-height:48px}
 .field label,.field-label{font-size:.95rem}
 .checks label{font-size:1rem!important}
 .signature{padding:16px 12px!important}
 .form-side{position:static!important;margin-top:24px}
 .form-submit{width:100%}
 /* footer */
 .site-footer{padding:36px 0 24px!important}
 .footer-nav,.footer-links{gap:14px 18px!important;flex-wrap:wrap}
 .footer-nav a,.footer-links a,.footer-legal{font-size:.95rem!important}
 .main-nav a{font-size:1.05rem!important;padding:10px 4px!important}
}
@media(max-width:720px){
 .ss-desc i{display:block;height:6px;overflow:hidden;color:transparent}
 .ss-desc{line-height:1.7!important}
 .action-pair{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;max-width:320px;margin:0 auto}
 .action-pair a{justify-content:center;width:100%}
}
@media(max-width:720px){.ss-wave{width:calc(100% + 32px)!important;max-width:none!important;margin:28px -16px 0!important;display:block}}