
/* TechRev LLMS landing page styles */
html,body{margin:0}
img,svg{max-width:100%}
[hidden]{display:none!important}
/* Layout: white, four short bands (hero with live network, six benefits, provider vs facility, navy call panel). Approved copy only; visuals carry no text. Single light look by request. */
:root{
  color-scheme:light;
  --bg:#FFFFFF;
  --soft:#F6F8FC;
  --ink:#0A1230;
  --ink-2:#26304F;
  --muted:#5A6480;
  --faint:#8A93AD;
  --line:#E6EAF2;
  --line-2:#D6DDEB;
  --blue:#1B4FFF;
  --blue-soft:#EEF2FF;
  --blue-mid:#C9D5FA;
  --cyan:#16B4EE;
  --warn:#E0573A;
  --good:#0E9F6E;
  --navy:#0A1440;
  --navy-2:#13235E;
  --on-navy-muted:#B4C0E4;
  --shadow:0 1px 2px rgba(10,18,48,.05),0 10px 30px rgba(10,18,48,.07);
  --shadow-lg:0 2px 6px rgba(10,18,48,.05),0 30px 70px rgba(20,40,120,.14);
  --display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --body:"DM Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  --wrap:1200px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:clip}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);z-index:90;background:var(--soft)}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;color:var(--ink)}
p{margin:0}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:16px;padding-right:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:700px){.wrap{padding-left:32px;padding-right:32px;padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))}}
a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
/* Allow glyph overhang inside reveal masks without changing word spacing. */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding:.08em .1em;margin:-.08em -.1em}
.w > span{display:inline-block}

/* Button */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font:600 16px/1.25 var(--body);text-decoration:none;color:#fff;background:var(--blue);padding:17px 18px 17px 28px;border-radius:999px;transition:box-shadow .22s ease;overflow:hidden;isolation:isolate;text-align:center}
.btn::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,var(--blue),#315FFF);opacity:0;transition:opacity .22s ease;z-index:-1}
.btn .arr{display:grid;place-items:center;width:28px;height:28px;margin-left:12px;border-radius:50%;background:rgba(255,255,255,.2);flex:none;overflow:hidden}
.btn .arr svg{width:14px;height:14px;transition:transform .22s ease}
.btn-label-mobile{display:none}
.btn-sm{padding:10px 10px 10px 18px;font-size:14px;white-space:nowrap}
.btn-sm .arr{width:24px;height:24px;margin-left:10px}
.btn-white{background:#fff;color:var(--ink)}
.btn-white::before{background:linear-gradient(110deg,#fff,#E4ECFF)}
.btn-white .arr{background:var(--blue);color:#fff}
.btn:focus-visible{box-shadow:0 4px 12px rgba(27,79,255,.18)}
.btn:focus-visible::before{opacity:1}
.btn:focus-visible .arr svg{transform:translateX(2px)}
.btn-white:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.16)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{box-shadow:0 4px 12px rgba(27,79,255,.18)}
  .btn:hover::before{opacity:1}
  .btn:hover .arr svg{transform:translateX(2px)}
  .btn-white:hover{box-shadow:0 4px 12px rgba(0,0,0,.16)}
}

/* Header */
.top{position:-webkit-sticky;position:sticky;top:0;top:env(safe-area-inset-top,0px);z-index:80;background:var(--soft);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px;min-height:72px}
.logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.logo picture{display:block}
.logo img{display:block;width:144px;height:auto}

/* Hero */
.hero{position:relative;overflow:hidden;padding-top:32px;padding-bottom:48px}
.glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px)}
.g1{width:640px;height:640px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(27,79,255,.18),transparent 65%)}
.g2{width:480px;height:480px;left:-180px;bottom:-120px;background:radial-gradient(circle,rgba(22,180,238,.14),transparent 65%)}
.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 65% 60% at 70% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 65% 60% at 70% 40%,#000 20%,transparent 75%);opacity:.75;pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.provider-hero-form{width:100%;min-width:0;position:relative}
.provider-hero-form .llms-form{width:100%;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px 34px 34px;box-shadow:var(--shadow-lg);text-align:left}
.llms-form__step{display:none}
.llms-form__step.is-active{display:block}
.llms-form__step-title{font:600 13px/1.4 var(--display);letter-spacing:2.4px;text-transform:uppercase;color:var(--blue);margin-bottom:22px}
.llms-form__group{position:relative;margin-bottom:18px;min-width:0}
.llms-form__phone-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
.llms-form__phone-col{position:relative;min-width:0}
.llms-form__label{display:block;font:500 15px/1.4 var(--body);color:var(--ink);margin-bottom:8px}
.llms-form__input,.llms-form__select{width:100%;min-width:0;min-height:50px;padding:13px 18px;font:400 15px/1.4 var(--body);border:1px solid #DBE2EC;border-radius:14px;background:#F7F8FC;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}
select.llms-form__select{
  -webkit-appearance:none;
  appearance:none;
  display:block;
  height:50px;
  padding:0 44px 0 18px;
  line-height:normal;
  text-align:left;
  text-indent:0;
  border:1px solid #DBE2EC;
  border-radius:14px;
  background:#F7F8FC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%230A1230' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center / 16px 16px;
  -webkit-text-fill-color:var(--ink);
  opacity:1;
  box-shadow:none;
}
.llms-form__input:focus,.llms-form__select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(27,79,255,.1)}
.llms-form__input.is-invalid,.llms-form__select.is-invalid{border-color:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,.14)}
.llms-form__input.is-valid,.llms-form__select.is-valid{border-color:#49C98A;box-shadow:0 0 0 3px rgba(73,201,138,.14)}
.llms-form__error{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;margin:0;font-size:12px;line-height:1.2;color:#DC2626}
.llms-form__phone-col .llms-form__error{font-size:11px}
.llms-form__error.is-visible{display:block}
.llms-form__captcha-block{position:relative;margin-top:21px;z-index:3}
.llms-form__captcha-shell{width:100%;max-width:304px;min-height:78px}
.provider-hero-form .llms-form__captcha-shell{min-height:0;height:78px}
#llms-captcha-widget{width:304px;height:78px;transform-origin:top left}
.llms-form__captcha-feedback{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;margin:0;font-size:12.5px;line-height:1.35;color:#DC2626}
.llms-form__captcha-feedback.is-visible{display:block}
.llms-form__status{display:block;min-height:20px;margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.4;color:#DC2626}
.llms-form__status.success{color:var(--good)}
.llms-form__actions{margin-top:28px}
.llms-form .llms-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 20px;border:0;border-radius:14px;background:var(--blue);color:#fff;font:600 14px/1.4 var(--display);text-align:center;cursor:pointer;transition:background-color .22s ease,box-shadow .22s ease}
.llms-form .llms-btn:hover{background:#315FFF;box-shadow:0 4px 12px rgba(27,79,255,.18)}
.llms-form .llms-btn:disabled{opacity:.65;cursor:wait}
.llms-form .llms-btn svg{width:16px;height:16px;flex:none;margin-left:8px}
.llms-form__privacy{font-size:13px;line-height:1.45;color:#7A8597;text-align:center;max-width:360px;margin:20px auto 0}
.llms-lead-toast{position:fixed;left:50%;bottom:100px;z-index:9999;width:calc(100% - 32px);max-width:420px;padding:14px 16px;border-radius:14px;background:rgba(9,16,36,.96);border:1px solid rgba(126,231,180,.35);box-shadow:var(--shadow-lg);color:#fff;opacity:0;transform:translateX(-50%) translateY(14px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.llms-lead-toast.show{opacity:1;transform:translateX(-50%)}
.llms-lead-toast.error{border-color:rgba(255,138,138,.4)}
.llms-lead-toast-message{margin:0;font-size:14px;line-height:1.45}
.hero h1{font-size:68px;line-height:.98;font-weight:700;letter-spacing:-.05em}
.hero h1 .ln{display:block;overflow:hidden;padding:0 .1em .06em;margin-left:-.1em;margin-right:-.1em}
.hero h1 .ln > span{display:inline-block}
.hero h1 .accent{background:linear-gradient(95deg,var(--blue) 0%,#4C6FFF 40%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.strike{position:relative;white-space:nowrap}
.strike::after{content:"";position:absolute;left:-2%;right:-2%;top:54%;height:.07em;background:var(--warn);border-radius:6px;transform-origin:left;transform:scaleX(var(--sx,1))}
.tagline{display:flex;flex-wrap:wrap;margin-top:28px;font:600 19px/1.4 var(--display);font-size:clamp(19px,1.9vw,23px);letter-spacing:-.015em}
.tagline span{position:relative;margin-right:14px;margin-bottom:4px;color:var(--faint);transition:color .5s}
.tagline span::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.tagline span.on{color:var(--ink)}
.tagline span.on::after{transform:scaleX(1)}
.copy{display:grid;gap:16px;margin-top:26px;max-width:54ch;color:var(--muted)}
.copy strong{color:var(--ink);font-weight:600}
.hero .btn{margin-top:34px}

/* Network graphic */
.edge{fill:none;stroke:var(--blue-mid);stroke-width:1.6}
.node .bg{fill:#fff;stroke:var(--blue-mid);stroke-width:1.5;transition:fill .35s,stroke .35s}
.node .ic{fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.node .rp{fill:none;stroke:var(--blue);stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center}
.node.ping .bg{fill:var(--blue-soft);stroke:var(--blue)}
.node.ping .rp{animation:rp .9s ease-out}
@keyframes rp{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.hub .hb{fill:var(--blue)}
.hub .hr{fill:none;stroke:var(--blue);stroke-width:1.4;transform-box:fill-box;transform-origin:center;opacity:0}
@media (prefers-reduced-motion:no-preference){ .hub .hr{animation:hr 3s ease-out infinite} .hub .hr.d2{animation-delay:1.5s} }
@keyframes hr{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.8)}}
.hub .ic{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pkt{fill:var(--blue)}
.pkt.back{fill:var(--cyan)}
.solo .bg{fill:#fff;stroke:var(--line-2);stroke-width:1.5}
.solo .ic{fill:none;stroke:var(--faint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wall{fill:none;stroke:var(--faint);stroke-width:1.4;stroke-dasharray:5 6}
.dot-in{fill:var(--faint)}

/* Sections */
.sec{padding-top:56px;padding-bottom:56px}
.sec-soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.h2{font-size:34px;font-size:clamp(34px,4.4vw,58px);line-height:1.04;font-weight:700;letter-spacing:-.045em}

/* Benefits */
.ben-head{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:end}
.ben-head .h2{max-width:100%;font-size:3.8vw;font-size:min(52px,3.8vw);white-space:nowrap;text-wrap:nowrap}
.benefits{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.benefit{position:relative;display:grid;align-content:start;gap:24px;min-width:0;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),box-shadow .45s,border-color .45s}
.benefit::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgba(27,79,255,.09),transparent 45%);opacity:0;transition:opacity .4s;z-index:-1}
.benefit:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#C9D5FA}
.benefit:hover::before{opacity:1}
.b-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--blue-soft);color:var(--blue);transition:background-color .25s ease,color .25s ease}
.benefit:hover .b-ico{background:var(--blue);color:#fff}
.b-ico svg{width:26px;height:26px}
.benefit h3{font-size:20px;font-size:clamp(20px,1.9vw,24px);line-height:1.25;font-weight:600;letter-spacing:-.025em}

/* Positioning */
.pos-head{max-width:100%}
.pos-head .h2{font-size:3.8vw;font-size:min(52px,3.8vw);white-space:nowrap;text-wrap:nowrap}
.compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:32px}
.cmp{display:grid;grid-template-rows:auto 1fr;border-radius:28px;border:1px solid var(--line);background:#fff;overflow:hidden;min-width:0;transition:border-color .25s ease,box-shadow .25s ease}
.cmp.ours{border-color:#C9D5FA;box-shadow:var(--shadow-lg)}
.cmp .art{position:relative;background:var(--soft);border-bottom:1px solid var(--line);transition:background-color .25s ease}
.cmp .art::before{content:"";display:block;padding-top:56.25%}
.cmp.ours .art{background:var(--blue-soft)}
.cmp .art svg{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.cmp p{padding:30px 32px 34px;font:600 20px/1.3 var(--display);font-size:clamp(20px,2vw,26px);letter-spacing:-.025em}
.cmp p{color:var(--ink)}
@media (hover:hover) and (pointer:fine){
  .compare:has(.cmp:hover) .cmp.ours:not(:hover){border-color:var(--line);box-shadow:none}
  .compare:has(.cmp:hover) .cmp.ours:not(:hover) .art{background:var(--soft)}
  .cmp:hover{border-color:var(--blue-mid);box-shadow:var(--shadow-lg)}
  .cmp:hover .art{background:var(--blue-soft)}
}

/* Call */
.call{padding-top:12px;padding-bottom:56px}
.call-card{position:relative;border-radius:36px;overflow:hidden;background:var(--navy);color:#fff;isolation:isolate}
.call-card::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(700px 480px at 100% 0%,rgba(27,79,255,.55),transparent 60%),radial-gradient(600px 420px at 0% 100%,rgba(22,180,238,.25),transparent 60%);z-index:-1}
.call-card::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 70% at 75% 25%,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 75% 25%,#000,transparent);z-index:-1}
.call-in{padding:48px 64px;display:grid;justify-items:center;text-align:center}
.call h2{color:#fff;font-size:52px;line-height:1.03;font-weight:700;letter-spacing:-.045em;max-width:34ch}
.call .intro{color:var(--on-navy-muted);margin-top:24px;max-width:100%;font-size:18px;text-wrap:balance}
.call .btn{margin-top:38px}
.assure{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:720px;gap:12px;margin-top:22px;color:var(--on-navy-muted);font-size:15px}
.assure span{display:flex;align-items:center;justify-content:center;min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.05);text-align:left}
.assure svg{width:16px;height:16px;margin-right:8px;flex-shrink:0;color:#5FE0A8}

/* Footer */
.foot{border-top:1px solid var(--line);color:var(--faint);font-size:14px}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 32px;padding-top:28px;padding-bottom:28px}
.foot nav{display:flex;gap:22px}
.foot nav a{text-decoration:none}
.foot nav a:hover{color:var(--ink)}

/* Mobile sticky CTA */
.mcta{position:fixed;left:0;right:0;bottom:0;z-index:85;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .45s var(--ease);display:none}
.mcta.show{transform:none}
.mcta .btn{width:100%}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .btn:hover .arr svg,.btn:focus-visible .arr svg{transform:none}
}
@media (min-width:1025px){
  .hero h1{font-size:clamp(68px,6vw,80px)}
}
@media (max-width:1024px){
  .hero h1,.call h2{font-size:38px}
  .call .intro{font-size:16px}
  .hero-in{grid-template-columns:minmax(0,1fr)}
  .provider-hero-form{max-width:100%}
}
@media (min-width:601px) and (max-width:1024px){
  .assure{grid-template-columns:repeat(3,auto);gap:8px;font-size:14px}
  .assure span{padding:10px 8px;white-space:nowrap}
  .assure svg{margin-right:6px}
}
@media (max-width:980px){
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefit{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;padding:20px}
  .b-ico{width:48px;height:48px;border-radius:14px}
  .b-ico svg{width:24px;height:24px}
  .ben-head{grid-template-columns:minmax(0,1fr)}
  .sec{padding-top:40px;padding-bottom:40px}
  .hero{padding-top:24px;padding-bottom:40px}
  .benefits,.compare{margin-top:24px}
  .call{padding-top:12px;padding-bottom:40px}
  .call-in{padding:40px 28px}
  .mcta{display:block}
}
@media (max-width:700px){
  .provider-hero-form .llms-form__captcha-shell{max-width:100%}
  .compare{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  body{font-size:16px}
  .provider-hero-form .llms-form{padding:28px 20px}
  .llms-form__phone-row{grid-template-columns:minmax(0,1fr)}
  .llms-form__input,.llms-form__select{font-size:16px}
  .llms-form .llms-btn{white-space:nowrap;padding:14px 12px}
  .top .btn{display:none}
  .hero h1,.call h2{font-size:32px}
  .ben-head .h2,.pos-head .h2{font-size:32px;white-space:normal;text-wrap:balance}
  .call h2{max-width:18ch}
  .call .intro{max-width:58ch;font-size:18px}
  .btn{white-space:nowrap}
  .btn-label-full{display:none}
  .btn-label-mobile{display:inline}
  .hero .btn,.call .btn,.mcta .btn{font-size:14px;padding:14px;min-height:48px}
  .hero .btn .arr,.call .btn .arr,.mcta .btn .arr{width:24px;height:24px;margin-left:8px}
  .benefits{grid-template-columns:minmax(0,1fr)}
  .hero .btn,.call .btn{width:100%}
  .top .btn{padding:9px 9px 9px 14px;font-size:13px}
  .call-card{border-radius:26px}
  .call-in{padding:32px 22px}
  .assure{grid-template-columns:minmax(0,1fr);max-width:320px;gap:8px}
  .assure span{justify-content:center;text-align:center}
  .cmp p{padding:24px}
}
@media (max-width:380px){
  .top .btn{padding:9px 14px}
  .top .btn .arr{display:none}
  .logo img{width:120px}
}
  
/* Providers page footer */
.index-footer{background:#0d0d1a;color:rgba(232,236,255,.72)}
.index-footer__shell{width:calc(100% - 48px);max-width:1000px;margin:0 auto}
.index-footer__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;padding:40px 0 24px}
.index-footer__brand{min-width:0}
.index-footer__logo-link{display:inline-block}
.index-footer__logo{display:block;width:180px;height:auto;max-width:100%}
.index-footer__address{display:flex;flex-direction:column;margin:36px 0 0;font-style:normal;font-size:18px;line-height:1.6}
.index-footer__address > span + span{margin-top:6px}
.index-footer a{color:inherit;text-decoration:none}
.index-footer a:hover{color:#fff}
.index-footer a:focus-visible{outline-color:#fff}
.index-footer__socials{display:flex;margin-top:28px}
.index-footer__socials a + a{margin-left:12px}
.index-footer__socials a{display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.78);transition:background .2s,color .2s}
.index-footer__socials a:hover{background:rgba(255,255,255,.12);color:#fff}
.index-footer__socials svg{width:18px;height:18px}
.index-footer__nav{display:grid;align-content:start;justify-items:start;gap:18px;padding:0 24px;border-left:1px solid rgba(255,255,255,.08);color:rgba(232,236,255,.82);font-size:18px}
.index-footer__bottom{padding:22px 0 20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(232,236,255,.5);font-size:16px}
.index-footer__bottom p{margin:0;text-align:center}
@media(max-width:600px){
  .index-footer__grid{grid-template-columns:1fr;gap:32px;padding:24px 0 20px}
  .index-footer__address{margin-top:24px;font-size:16px}
  .index-footer__nav{border:0;border-top:1px solid rgba(255,255,255,.08);padding:28px 0 0;font-size:16px;gap:14px}
  .index-footer__bottom{font-size:14px}
}
