/* Circle37 responsive corrections. Loaded after page styles; preserve desktop identity. */
html{scroll-padding-top:88px}
body{min-width:0}
.c37-service .hero-in>*,.c37-service .two>*{min-width:0}
.c37-service .call,.c37-service .two .panel,.c37-service .mock{margin-right:0}
.c37-service .rv,.c37-service .panel.rv{opacity:1;transform:none;transition:none}
main,section,article,form,fieldset{min-width:0}
img,video{max-width:100%}
@media(max-width:1100px){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}
  button,a.btn,summary{touch-action:manipulation}
  .site-header{top:0}
  .menu{overflow-y:auto;overscroll-behavior:contain}
  .sr-header nav a{display:inline-flex;align-items:center;min-height:44px}
  input[type=range]{min-height:44px;touch-action:pan-y}
  .btn{max-width:100%;white-space:normal;line-height:1.35;min-height:48px}
  .btn>svg,.btn>span[aria-hidden]{flex-shrink:0}
}
@media(max-width:980px){
  .c37-service .hero-in,.c37-service .two,.c37-service .head,.c37-service .card,.c37-service .calc{grid-template-columns:minmax(0,1fr)}
  .c37-service .hero-in{gap:32px;padding:36px 20px 40px;align-items:start}
  .c37-service .hero-in>*,.c37-service .two>*,.c37-service .head>*{min-width:0}
  .c37-service .rail{padding:12px 16px;gap:12px}
  .c37-service .rail .logo img{width:144px;max-width:100%;height:auto}
  .c37-service .rail .start{padding:12px;font-size:12px;min-height:44px;gap:12px}
  .c37-service h1{font-size:clamp(44px,9vw,76px);line-height:.96;overflow-wrap:break-word}
  .c37-service h2.big,.c37-service .two h2.big,.c37-service .final h2{font-size:clamp(36px,7vw,60px);line-height:1;overflow-wrap:break-word}
  .c37-service .head{gap:16px;margin-bottom:28px}
  .c37-service .card{gap:12px;padding:24px 0}
  .c37-service .call,.c37-service .two .panel,.c37-service .mock{width:100%;max-width:560px;margin:0;justify-self:start;min-width:0}
  .c37-service .call{padding:24px;animation:none}
  .c37-service .call h2{font-size:38px;overflow-wrap:anywhere}
  .c37-service .panel{padding:24px;box-shadow:none}
  .c37-service .panel ul{font-size:15px}
  .c37-service .panel.rv{transform:none}
  .c37-service .btns{gap:12px}
  .c37-service .btn{min-width:0;max-width:100%;gap:16px;min-height:52px;line-height:1.4}
  .c37-service .heroph{width:min(300px,100%);justify-self:center}
  .c37-service .lang{flex-wrap:wrap;gap:8px}
  .c37-service .lang select{flex:1 1 180px;max-width:100%;min-height:48px}
  .c37-service #demo-details{min-width:0}
  .c37-service #demo-details label{min-width:0}
  .c37-service #demo-details input{min-width:0;max-width:100%;min-height:48px}
  .c37-service .go{min-height:52px;font-size:15px;padding:16px 12px;letter-spacing:0}
  .c37-service .calc label{flex-wrap:wrap;align-items:center}
  .c37-service .calc label output{white-space:nowrap}
  .c37-service .calc .out .big{font-size:clamp(56px,12vw,88px);overflow-wrap:anywhere}
  .c37-service .foot{padding-bottom:28px}
  .c37-service .sticky{position:static;padding:16px 20px;min-height:64px}
  .c37-service .sticky a{gap:16px;line-height:1.4;min-height:48px;align-items:center}
  .c37-service .rv{opacity:1;transform:none;transition:none}
  .c37-service .sec,.c37-service .final{scroll-margin-top:16px}
}
@media(max-width:600px){
  .c37-service .btns{flex-direction:column;align-items:stretch}
  .c37-service .btns .btn{width:100%}
  .c37-service .call{padding:20px}
  .c37-service .timer strong{font-size:76px}
  .c37-service .timer{flex-wrap:wrap}
  .c37-service .note-box{padding:24px 20px}
}
@media(max-width:380px){
  .process .steps{grid-template-columns:minmax(0,1fr)}
  .process .steps li{border-left:0;border-top:2px solid var(--ink)}
  .process .steps li:first-child{border-top:0}
  .process li{min-width:0}
  form .btn{width:100%;min-width:0;gap:10px;padding:12px;font-size:12px;white-space:normal}
  .c37-service .rail{align-items:center}
  .c37-service .rail .start{font-size:11px;padding:12px 10px}
  .c37-service .sec{padding-left:16px;padding-right:16px}
  .c37-service .hero-in{padding-left:16px;padding-right:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){
  .seo-review .fi-price-grid{grid-template-columns:minmax(0,1fr)}
  .seo-review .fi-price-grid>*{min-width:0}
  .seo-review .fi-price h2{font-size:clamp(72px,25vw,118px)}
}

/* The website-check offer has its own mobile row; never float it over branding. */
@media(max-width:700px){
  #float-audit,#float-audit.show{position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:auto;min-height:48px;margin:0;padding:14px 16px;transform:none;transition:none;border:0;border-bottom:2px solid var(--ink);background:var(--orange);color:var(--ink);text-align:center}
}
