.gruas-page,.gruas-directory{background:#fff;color:#111600}
.gruas-container{width:min(1330px,calc(100% - 60px));margin:0 auto}
.gruas-hero{padding:42px 0 76px;background:#fff;color:#111600}
.gruas-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:42px;align-items:center}
.gruas-hero-media{margin:0;height:100%;min-height:520px}
.gruas-hero-media img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover;object-position:center}
.gruas-hero h1{max-width:860px;margin:0 0 18px;font-size:58px;line-height:1.04;font-weight:900;letter-spacing:0}
.gruas-hero h1 sup,.gruas-card h3 sup,.gruas-link-card h3 sup,.gruas-faq summary sup,.gruas-sell-cta sup{font-size:.42em;line-height:0;vertical-align:super;font-weight:700}
.gruas-hero-text{max-width:790px;margin:0 0 28px;font-size:21px;line-height:1.4;font-weight:300;color:#111600}
.gruas-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.gruas-form{max-width:790px;border:1px solid #e8e8e8;border-radius:8px;background:#f7f7f7;padding:24px}
.gruas-form h2{margin:0 0 18px;font-size:29px;line-height:1.1;color:#111600}
.gruas-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gruas-form label{display:grid;gap:8px;color:#111600;font-size:15px;font-weight:800}
.gruas-form input,.gruas-form select{width:100%;min-width:0;height:52px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;color:#111600;padding:0 14px;font:400 16px Magnetik,Arial,sans-serif}
.gruas-form button,.gruas-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:2px solid transparent;border-radius:5px;background:#03b2ff;color:#111600;padding:0 22px;font:900 16px Magnetik,Arial,sans-serif;text-decoration:none;cursor:pointer}
.gruas-form button:hover,.gruas-form button:focus,.gruas-button:hover,.gruas-button:focus{background:#111600;color:#03b2ff}
.gruas-form-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
.gruas-form-actions button,.gruas-form-actions .gruas-button{width:100%}
.gruas-form-actions .gruas-call-button{border-color:#03b2ff;background:transparent;color:#03b2ff}
.gruas-form-actions .gruas-call-button:hover,.gruas-form-actions .gruas-call-button:focus{background:#03b2ff;color:#111600}
.gruas-button--green{background:#8cff01;color:#111600}
.gruas-button--green:hover,.gruas-button--green:focus{background:#111600;color:#8cff01}
.gruas-call-button{background:#03b2ff;color:#111600}
.gruas-call-button:hover,.gruas-call-button:focus{background:#111600;color:#03b2ff}
.gruas-form-note{grid-column:1/-1;margin:2px 0 0;color:#4b4b4b;font-size:14px;line-height:1.35;font-weight:500}
.gruas-section{padding:72px 0;background:#fff}
.gruas-section-muted{background:#f6f6f6}
.gruas-section h2{max-width:880px;margin:0 0 18px;font-size:44px;line-height:1.1;font-weight:900;color:#111600}
.gruas-section-intro{max-width:880px;margin:0 0 32px;font-size:20px;line-height:1.42;font-weight:300;color:#111600}
.gruas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gruas-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gruas-card{border:1px solid #e7e7e7;border-radius:8px;background:#fff;padding:24px;color:#111600}
.gruas-card strong,.gruas-card h3{display:block;margin:0 0 10px;font-size:24px;line-height:1.1;font-weight:900;color:#111600}
.gruas-card p{margin:0;font-size:17px;line-height:1.38;font-weight:300;color:#111600}
.gruas-card a{display:inline-flex;margin-top:16px;color:#0579ad;border-bottom:2px solid currentColor;text-decoration:none;font-weight:900}
.gruas-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gruas-step{position:relative;border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:24px}
.gruas-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;margin-bottom:18px;color:#03b2ff;font-size:26px;font-weight:900}
.gruas-step h3{margin:0 0 10px;font-size:23px;line-height:1.1}
.gruas-step p{margin:0;font-size:17px;line-height:1.38;font-weight:300}
.gruas-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gruas-link-card{display:block;border:1px solid #e8e8e8;border-radius:8px;background:#fff;padding:24px;color:#111600;text-decoration:none}
.gruas-link-card:hover,.gruas-link-card:focus{border-color:#03b2ff;box-shadow:0 12px 30px rgba(17,22,0,.08)}
.gruas-link-card span{display:block;margin-bottom:10px;color:#236f00;font-size:13px;line-height:1.1;font-weight:900;text-transform:uppercase}
.gruas-link-card h2,.gruas-link-card h3{margin:0 0 10px;font-size:27px;line-height:1.08;color:#111600}
.gruas-link-card p{margin:0;color:#111600;font-size:17px;line-height:1.35;font-weight:300}
.gruas-filter{margin:-8px 0 26px;overflow:hidden}
.gruas-filter-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -2px;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.gruas-filter-track::-webkit-scrollbar{height:6px}
.gruas-filter-track::-webkit-scrollbar-thumb{border-radius:999px;background:#c8c8c8}
.gruas-filter-button{flex:0 0 auto;scroll-snap-align:start;min-height:42px;border:1px solid #d8d8d8;border-radius:999px;background:#fff;color:#111600;padding:0 16px;font:900 14px Magnetik,Arial,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer}
.gruas-filter-button:hover,.gruas-filter-button:focus{border-color:#03b2ff;color:#0579ad}
.gruas-filter-button.is-active{border-color:#8cff01;background:#8cff01;color:#111600}
.gruas-link-card[hidden]{display:none}
.gruas-direct-answer{border-left:6px solid #03b2ff;background:#f4fbff;padding:28px;border-radius:8px}
.gruas-direct-answer p{max-width:920px;margin:0;color:#111600;font-size:20px;line-height:1.45;font-weight:300}
.gruas-direct-answer .gruas-button{margin-top:20px}
.gruas-zones{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}
.gruas-zones li{border:1px solid #d8d8d8;border-radius:4px;background:#fff;padding:10px 12px;font-size:15px;font-weight:800}
.gruas-cta{background:#061400;color:#fff}
.gruas-cta h2{color:#fff}
.gruas-cta p{max-width:820px;color:#e5eadf}
.gruas-cta .gruas-button{background:#8cff01;color:#111600}
.gruas-cta .gruas-button:hover,.gruas-cta .gruas-button:focus{background:#fff;color:#111600}
.gruas-cta .gruas-call-button{background:#03b2ff;color:#111600}
.gruas-cta .gruas-call-button:hover,.gruas-cta .gruas-call-button:focus{background:#fff;color:#111600}
.gruas-sell-cta{padding:38px 0;background:#fff;color:#111600}
.gruas-sell-cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dfe5d9;border-radius:8px;background:#f7fff0;padding:24px}
.gruas-sell-cta h2{margin:0 0 8px;font-size:30px;line-height:1.1;color:#111600}
.gruas-sell-cta p{max-width:780px;margin:0;color:#111600;font-size:18px;line-height:1.4;font-weight:300}
.gruas-sell-cta .gruas-button{flex:0 0 auto;background:#8cff01;color:#111600}
.gruas-sell-cta .gruas-button:hover,.gruas-sell-cta .gruas-button:focus{background:#111600;color:#8cff01}
.gruas-faq details{border-bottom:2px solid #222;padding:20px 0}
.gruas-faq summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-size:21px;line-height:1.2;font-weight:900;color:#111600}
.gruas-faq summary::-webkit-details-marker{display:none}
.gruas-faq summary::after{content:"+";font-size:26px;line-height:1;color:#111600}
.gruas-faq details[open] summary::after{content:"-";color:#03b2ff}
.gruas-faq p{max-width:920px;margin:14px 0 0;font-size:18px;line-height:1.45;font-weight:300;color:#111600}
.gruas-directory .gruas-hero{padding:70px 0 34px}
.gruas-directory .gruas-hero h1{font-size:56px}
.gruas-directory .gruas-hero-text{max-width:850px}
@media(max-width:1024px){
  .gruas-hero-grid{grid-template-columns:1fr}
  .gruas-hero-media{min-height:360px;order:-1}
  .gruas-grid,.gruas-grid-4,.gruas-link-grid,.gruas-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .gruas-container{width:min(100% - 32px,540px)}
  .gruas-hero{padding:34px 0 48px}
  .gruas-hero h1,.gruas-directory .gruas-hero h1{font-size:38px;line-height:1.06}
  .gruas-hero-text{font-size:18px}
  .gruas-hero-media{min-height:260px}
  .gruas-form{padding:18px}
  .gruas-form-grid,.gruas-grid,.gruas-grid-4,.gruas-link-grid,.gruas-steps{grid-template-columns:1fr}
  .gruas-section{padding:50px 0}
  .gruas-section h2{font-size:33px}
  .gruas-section-intro{font-size:18px}
  .gruas-filter{margin:-2px -16px 22px 0}
  .gruas-filter-track{padding-right:16px}
  .gruas-filter-button{min-height:40px;padding:0 14px;font-size:13px}
  .gruas-sell-cta-box{display:block}
  .gruas-sell-cta .gruas-button{margin-top:18px;width:100%}
}