:root{
  --bg:#f6f7fb;
  --bg2:#eef2ff;
  --surface:#ffffff;
  --surface2:#fbfbfe;
  --line:rgba(15,23,42,.10);
  --line2:rgba(15,23,42,.14);

  --ink:#0b1220;
  --muted:#475569;
  --muted2:#64748b;

  --accent:#16a34a;
  --accent2:#06b6d4;
  --accent3:#7c3aed;
  --warn:#f59e0b;

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:28px;
  --radius-full:999px;

  --shadow-xs:0 6px 18px rgba(2,6,23,.06);
  --shadow-sm:0 12px 28px rgba(2,6,23,.08);
  --shadow-md:0 18px 44px rgba(2,6,23,.10);
  --shadow-lg:0 28px 70px rgba(2,6,23,.14);

  --maxw:1180px;
  --pad:1.6rem;

  --t-fast:140ms ease;
  --t:220ms ease;
  --t-slow:360ms ease;

  --h1:clamp(2.05rem, 4vw, 3rem);
  --h2:clamp(1.55rem, 2.7vw, 2.15rem);
  --h3:clamp(1.15rem, 2vw, 1.4rem);
  --base:1rem;
  --sm:.92rem;
  --xs:.82rem;
}

*,
*::before,
*::after{box-sizing:border-box;margin:0;padding:0}

html{font-size:16px;scroll-behavior:smooth}

body{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:var(--base);
  line-height:1.75;
  color:var(--ink);
  background:
    radial-gradient(900px 500px at 8% 10%, rgba(6,182,212,.16), transparent 60%),
    radial-gradient(800px 520px at 95% 18%, rgba(124,58,237,.14), transparent 62%),
    radial-gradient(820px 560px at 50% 110%, rgba(22,163,74,.12), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block}

a{
  color:var(--accent3);
  text-decoration:none;
  transition:transform var(--t-fast), color var(--t), opacity var(--t);
}
a:hover{color:var(--accent);transform:translateY(-1px)}

ul,ol{list-style-position:inside}
li{margin-bottom:.45rem}

h1,h2,h3,h4,h5,h6{
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight:800;
  line-height:1.15;
  color:var(--ink);
  letter-spacing:.01em;
}

h1{font-size:var(--h1)}
h2{font-size:var(--h2)}
h3{font-size:var(--h3)}
p{color:var(--muted)}
strong{color:var(--ink)}

.container{
  width:100%;
  max-width:var(--maxw);
  margin:0 auto;
  padding:0 var(--pad);
}

section{
  padding:4.2rem 0;
  position:relative;
}

.section-header{
  text-align:center;
  margin-bottom:2.8rem;
}

.section-subtitle,
.subtitle{
  max-width:720px;
  margin:.55rem auto 0;
  color:var(--muted2);
}

.text-center{text-align:center}
.text-right{text-align:right}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  border-bottom:1px solid var(--line);
}

.header-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.85rem 0;
}

.brand-area{display:flex;align-items:center}
.brand-link{
  display:flex;
  flex-direction:column;
  gap:.2rem;
}

.brand-main{
  font-size:.86rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--ink);
  font-weight:900;
}

.brand-main::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:.55rem;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent2), var(--accent3));
  vertical-align:middle;
}

.brand-tagline{
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--muted2);
}

.main-nav{display:flex;align-items:center}
.nav-list{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  list-style:none;
}

.nav-list a{
  display:inline-flex;
  align-items:center;
  padding:.56rem .95rem;
  font-size:.75rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  border-radius:var(--radius-full);
  background:rgba(255,255,255,.65);
  border:1px solid var(--line);
  box-shadow:var(--shadow-xs);
}

.nav-list a:hover{
  color:var(--ink);
  border-color:var(--line2);
  opacity:.98;
}

.menu-icon{
  display:none;
  font-size:1.8rem;
  color:var(--ink);
  cursor:pointer;
  padding:.1rem .55rem;
  border-radius:var(--radius-full);
  border:1px solid var(--line);
  background:rgba(255,255,255,.7);
}

#menu-toggle{display:none}

.hero-section{
  padding-top:4.8rem;
  padding-bottom:4.4rem;
  overflow:hidden;
}

.hero-section::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 10% 35%, rgba(6,182,212,.22), transparent 52%),
    radial-gradient(circle at 78% 28%, rgba(124,58,237,.18), transparent 55%),
    radial-gradient(circle at 45% 92%, rgba(22,163,74,.14), transparent 52%);
  pointer-events:none;
  opacity:1;
}

.hero-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:2.2rem;
  align-items:center;
}

.hero-layout-alt{
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);
}

.hero-media{
  position:relative;
  padding:.85rem;
  border-radius:var(--radius-xl);
  background:linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.55));
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
}

.hero-figure{border-radius:calc(var(--radius-xl) - 6px); overflow:hidden}
.hero-figure img{
  border-radius:calc(var(--radius-xl) - 10px);
  aspect-ratio: 4 / 3;
  object-fit:cover;
  transform:scale(1.01);
  transition:transform var(--t-slow);
}
.hero-media:hover .hero-figure img{transform:scale(1.05)}

.hero-text-area{
  border-radius:var(--radius-xl);
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(6,182,212,.16), transparent 55%),
    radial-gradient(700px 260px at 90% 10%, rgba(124,58,237,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.70));
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
  padding:2.1rem 2rem;
}

.hero-text-area-alt{
  padding:2.15rem 2.05rem;
}

.hero-text-area h1{margin:.45rem 0 1rem}
.hero-text-area p{margin-bottom:.8rem}

.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.35rem .75rem;
  border-radius:var(--radius-full);
  background:rgba(15,23,42,.05);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:var(--xs);
  letter-spacing:.08em;
  text-transform:uppercase;
  width:fit-content;
}

.hero-badge i{color:var(--accent)}

.hero-list{
  margin-top:.95rem;
  list-style:none;
  padding-left:0;
  display:grid;
  gap:.55rem;
}

.hero-list li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  color:var(--muted);
  font-size:var(--sm);
}

.hero-list li::before{
  content:"";
  width:10px;
  height:10px;
  margin-top:.33rem;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent2), var(--accent3));
  flex:0 0 auto;
}

.hero-panels{
  margin-top:1.15rem;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:.8rem;
}

.hero-panel{
  background:rgba(255,255,255,.8);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  padding:.95rem .95rem;
  box-shadow:var(--shadow-xs);
  display:flex;
  gap:.7rem;
  align-items:flex-start;
}

.hero-panel i{
  font-size:1.05rem;
  color:var(--accent3);
  margin-top:.1rem;
}

.hero-panel p{
  margin:0;
  font-size:.88rem;
  color:var(--muted);
  line-height:1.5;
}

.hero-panel strong{color:var(--ink)}

.hero-highlight{
  margin-top:1.2rem;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.48rem .95rem;
  border-radius:var(--radius-full);
  background:linear-gradient(135deg, rgba(22,163,74,.12), rgba(6,182,212,.12), rgba(124,58,237,.10));
  border:1px solid rgba(22,163,74,.22);
  color:var(--ink);
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:var(--xs);
  width:fit-content;
}

.hero-highlight::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent), var(--accent2));
}

.quick-section{
  padding-top:3.6rem;
  padding-bottom:3.6rem;
}

.section-header-compact{margin-bottom:2.2rem}

.quick-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1rem;
}

.quick-card{
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.82);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  padding:1.35rem 1.25rem;
  position:relative;
  overflow:hidden;
}

.quick-card::before{
  content:"";
  position:absolute;
  inset:auto -30% -40% auto;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(6,182,212,.22), transparent 62%);
  transform:rotate(22deg);
  pointer-events:none;
}

.quick-card h3{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:.95rem;
  margin-bottom:.55rem;
}

.quick-card p{margin:0;color:var(--muted)}

.operator-section{
  background:transparent;
}

.operator-section-alt{
  padding-top:4rem;
}

.operator-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.1rem;
}

.operator-grid-alt{
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:start;
  gap:1.2rem;
}

.operator-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:1.35rem;
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
  overflow:hidden;
}

.operator-card-alt{
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
}

.operator-image-wrapper{
  position:relative;
  min-height:260px;
  overflow:hidden;
}

.operator-image-wrapper::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(2,6,23,.02), rgba(2,6,23,.30));
  pointer-events:none;
}

.operator-image-wrapper img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.03);
  transition:transform var(--t-slow);
}

.operator-card:hover .operator-image-wrapper img{transform:scale(1.08)}

.operator-body{
  padding:1.55rem 1.55rem 1.35rem;
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.operator-topline{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  align-items:center;
}

.operator-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.28rem .7rem;
  border-radius:var(--radius-full);
  background:rgba(245,158,11,.14);
  border:1px solid rgba(245,158,11,.24);
  color:rgba(120,53,15,.95);
  font-weight:800;
  font-size:.74rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.operator-pill i{color:var(--warn)}

.operator-note{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.28rem .7rem;
  border-radius:var(--radius-full);
  background:rgba(124,58,237,.10);
  border:1px solid rgba(124,58,237,.18);
  color:rgba(76,29,149,.95);
  font-weight:800;
  font-size:.74rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.operator-note i{color:var(--accent3)}

.operator-body h3{
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing:.02em;
  font-weight:900;
  font-size:1.35rem;
  margin:.15rem 0 .25rem;
}

.operator-body p{color:var(--muted);font-size:var(--sm)}

.operator-actions{margin-top:.55rem}

.btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.85rem 1.3rem;
  border-radius:var(--radius-full);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.78rem;
  border:1px solid rgba(2,6,23,.06);
  color:#ffffff;
  background:linear-gradient(135deg, var(--accent3), var(--accent2), var(--accent));
  box-shadow:0 14px 38px rgba(2,6,23,.14);
  cursor:pointer;
  transition:transform var(--t-fast), box-shadow var(--t), filter var(--t);
  position:relative;
  overflow:hidden;
}

.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 52px rgba(2,6,23,.18);
  filter:saturate(1.1);
}

.operator-aside{
  position:relative;
}

.operator-aside-box{
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.85);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  padding:1.35rem 1.25rem;
  overflow:hidden;
}

.operator-aside-box::before{
  content:"";
  position:absolute;
  inset:-40% -40% auto auto;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(22,163,74,.18), transparent 65%);
  pointer-events:none;
}

.operator-aside-box h4{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:.95rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:.9rem;
}

.operator-checklist{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.65rem;
}

.operator-checklist li{
  display:flex;
  gap:.6rem;
  align-items:flex-start;
  color:var(--muted);
  font-size:.92rem;
  margin:0;
}

.operator-checklist i{
  color:var(--accent);
  margin-top:.1rem;
  font-size:1.05rem;
}

.criteria-section{
  background:transparent;
  padding-top:4.2rem;
}

.criteria-section-alt{
  padding-top:4.2rem;
}

.criteria-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:1rem;
}

.criteria-grid-alt{gap:1rem}

.criteria-item{
  border-radius:var(--radius-lg);
  background:rgba(255,255,255,.84);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  padding:1.35rem 1.25rem;
  display:flex;
  flex-direction:column;
  gap:.6rem;
  position:relative;
  overflow:hidden;
}

.criteria-item::after{
  content:"";
  position:absolute;
  inset:auto auto -45% -35%;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(124,58,237,.14), transparent 64%);
  pointer-events:none;
  transform:rotate(-12deg);
}

.criteria-icon{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(2,6,23,.05);
  border:1px solid var(--line);
  box-shadow:var(--shadow-xs);
}

.criteria-icon i{font-size:1.05rem;color:var(--accent3)}

.criteria-item h3{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.86rem;
  color:var(--ink);
}

.criteria-item p{font-size:.92rem;color:var(--muted);margin:0}

.about-section{
  background:transparent;
}

.about-section-alt{
  padding-top:4.2rem;
}

.about-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:1.1rem;
  align-items:stretch;
}

.about-card{
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
  padding:1.4rem 1.35rem;
  overflow:hidden;
  position:relative;
}

.about-card-media{
  padding:.9rem;
  display:flex;
  align-items:center;
  justify-content:center;
}

.about-card-media img{
  width:100%;
  border-radius:calc(var(--radius-xl) - 8px);
  border:1px solid var(--line);
  object-fit:cover;
  aspect-ratio: 16 / 11;
}

.about-card-text h3{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.92rem;
  margin-bottom:.7rem;
}

.about-card-wide{
  grid-column:1 / -1;
}

.about-card p + p{margin-top:.85rem}

.trust-section{
  background:transparent;
  padding-top:4.1rem;
}

.trust-section-alt{
  padding-top:4.1rem;
}

.trust-layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);
  gap:1.2rem;
  align-items:center;
}

.trust-layout-alt{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
}

.trust-text{
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
  padding:1.55rem 1.45rem;
}

.trust-text p + p{margin-top:.85rem}

.trust-media{
  padding:.9rem;
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.84);
  border:1px solid var(--line);
  box-shadow:var(--shadow-md);
}

.trust-media img{
  border-radius:calc(var(--radius-xl) - 8px);
  border:1px solid var(--line);
  aspect-ratio: 16 / 12;
  object-fit:cover;
}

.testimonials-section{
  background:transparent;
  padding-top:4.2rem;
}

.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:1rem;
}

.testimonials-grid-alt{gap:1rem}

.testimonial-card{
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.86);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  padding:1.35rem 1.2rem;
  display:flex;
  flex-direction:column;
  gap:.8rem;
  position:relative;
  overflow:hidden;
}

.testimonial-card::before{
  content:"";
  position:absolute;
  inset:-35% -35% auto auto;
  width:260px;
  height:260px;
  background:radial-gradient(circle, rgba(6,182,212,.14), transparent 66%);
  pointer-events:none;
}

.testimonial-text{
  font-style:normal;
  color:var(--muted);
  padding-top:.2rem;
}

.testimonial-text::before{content:none}

.testimonial-author{
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted2);
  font-weight:900;
}

.responsible-section{
  background:transparent;
  padding-top:4.1rem;
}

.responsible-box{
  max-width:920px;
  margin:0 auto;
  border-radius:var(--radius-xl);
  background:rgba(255,255,255,.88);
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
  padding:1.55rem 1.45rem;
  overflow:hidden;
  position:relative;
}

.responsible-box::before{
  content:"";
  position:absolute;
  inset:auto auto -45% -40%;
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(245,158,11,.16), transparent 66%);
  pointer-events:none;
}

.responsible-head{
  display:flex;
  align-items:center;
  gap:.7rem;
  margin-bottom:.9rem;
}

.responsible-head i{font-size:1.25rem;color:var(--warn)}

.responsible-box h3{
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:.92rem;
  margin:0;
}

.responsible-box p + p{margin-top:.85rem}

.responsible-box .responsible-last{
  margin-top:1rem;
  padding-top:.95rem;
  border-top:1px dashed rgba(15,23,42,.18);
  font-weight:800;
  color:var(--ink);
  text-align:center;
}

.footer-section{
  background:rgba(255,255,255,.70);
  border-top:1px solid var(--line);
  padding:2.4rem 0 1.6rem;
}

.footer-section-alt{
  background:rgba(255,255,255,.70);
}

.footer-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);
  gap:1.2rem;
  align-items:center;
}

.footer-brand{
  display:flex;
  flex-direction:column;
  gap:.25rem;
}

.footer-title{
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--ink);
  font-size:.85rem;
}

.footer-mini{
  color:var(--muted2);
  font-size:.8rem;
}

.footer-links{
  text-align:right;
}

.footer-links p{margin:0;color:var(--muted2)}
.footer-links p + p{margin-top:.6rem}

.footer-links a{
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:900;
  padding-bottom:2px;
  border-bottom:1px solid transparent;
}

.footer-links a:hover{
  color:var(--ink);
  border-bottom-color:rgba(124,58,237,.35);
}

.sitename{
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink);
}

.domain{color:var(--muted)}

@media (max-width:1100px){
  .operator-grid-alt{grid-template-columns:minmax(0,1fr)}
  .hero-panels{grid-template-columns:minmax(0,1fr)}
  .criteria-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .testimonials-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .footer-layout{grid-template-columns:minmax(0,1fr);text-align:left}
  .footer-links{text-align:left}
}

@media (max-width:900px){
  :root{--pad:1.25rem}
  .hero-layout{grid-template-columns:minmax(0,1fr)}
  .hero-media{order:0}
  .hero-text-area{order:1}
  .quick-grid{grid-template-columns:minmax(0,1fr)}
  .about-grid{grid-template-columns:minmax(0,1fr)}
  .trust-layout{grid-template-columns:minmax(0,1fr)}
  section{padding:3.6rem 0}
}

@media (max-width:768px){
  .main-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid var(--line);
    max-height:0;
    overflow:hidden;
    transition:max-height var(--t);
  }
  .nav-list{
    flex-direction:column;
    padding:1rem var(--pad) 1.2rem;
    gap:.55rem;
  }
  .nav-list a{
    width:100%;
    justify-content:flex-start;
    border-radius:var(--radius-md);
  }
  .menu-icon{display:block}
  #menu-toggle:checked ~ .main-nav{max-height:420px}

  .operator-card{grid-template-columns:minmax(0,1fr)}
  .operator-image-wrapper{min-height:220px}
  .hero-text-area{padding:1.6rem 1.35rem}
  .responsible-box{padding:1.5rem 1.25rem}
}

@media (max-width:540px){
  :root{--pad:1rem}
  .section-header{margin-bottom:2.1rem}
  .hero-section{padding-top:4rem}
  .footer-links a{display:inline-block;margin-bottom:.35rem}
}