Green Key

*/
  :root{
    --gk-cream:#FAF7EF;
    --gk-cream-alt:#F1EAD9;
    --gk-white:#FFFFFF;
    --gk-ink:#2B2A25;
    --gk-steel:#6E6E68;
    --gk-steel-soft:#94928A;
    --gk-sage:#87AA76;
    --gk-sage-deep:#48613D;
    --gk-sage-deep-2:#3A4F31;
    --gk-sand:#C98A52;
    --gk-sand-light:#EAD2BB;
    --gk-green:#0E8A45;
    --gk-blue:#0B5FA8;
    --gk-line:#E4DCC7;
    --gk-radius-lg:32px;
    --gk-radius-md:20px;
    --gk-radius-sm:12px;
    --gk-shadow:0 18px 40px -22px rgba(43,42,37,0.28);
    --gk-maxw:1180px;
    --gk-font-head:'Manrope',sans-serif;
    --gk-font-body:'Mulish',sans-serif;
  }

  /* Everything below is scoped under .gk-landing so it can never leak onto
     the rest of the Bitrix template, and the Bitrix theme's own a/p/h1.. 
     rules can never leak into this block either. */
  .gk-landing, .gk-landing *{box-sizing:border-box;}
  .gk-landing{
    margin:0;
    background:var(--gk-cream);
    color:var(--gk-ink);
    font-family:var(--gk-font-body);
    font-size:16px;
    line-height:1.62;
    -webkit-font-smoothing:antialiased;
  }
  .gk-landing img{max-width:100%;display:block;}
  .gk-landing a{color:inherit;}
  .gk-landing h1,.gk-landing h2,.gk-landing h3,.gk-landing h4{font-family:var(--gk-font-head);margin:0;line-height:1.16;color:var(--gk-ink);}
  .gk-landing p{margin:0 0 1em;}
  .gk-landing ul,.gk-landing ol{margin:0;padding:0;list-style:none;}
  .gk-wrap{max-width:var(--gk-maxw);margin:0 auto;padding:0 28px;}
  .gk-landing :focus-visible{outline:3px solid var(--gk-sand);outline-offset:2px;border-radius:4px;}

  .gk-eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-family:var(--gk-font-head);font-weight:700;font-size:0.74rem;
    letter-spacing:0.14em;text-transform:uppercase;color:var(--gk-sage-deep);
    margin-bottom:14px;
  }
  .gk-eyebrow .gk-dot{width:6px;height:6px;border-radius:50%;background:var(--gk-sand);}

  .gk-section{position:relative;padding:88px 0;overflow:hidden;}
  .gk-section.gk-alt{background:var(--gk-cream-alt);}
  .gk-section-head{max-width:680px;margin-bottom:48px;}
  .gk-section-head h2{font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:700;letter-spacing:-0.01em;}
  .gk-section-head p{color:var(--gk-steel);font-size:1.05rem;margin-top:14px;}

  .gk-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font-family:var(--gk-font-head);font-weight:700;font-size:0.95rem;
    padding:15px 28px;border-radius:100px;border:none;cursor:pointer;
    text-decoration:none;transition:transform .18s ease, box-shadow .18s ease;
    white-space:nowrap;
  }
  .gk-btn-primary{background:var(--gk-sage-deep);color:var(--gk-white);box-shadow:0 14px 28px -14px rgba(72,97,61,0.65);}
  .gk-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 30px -12px rgba(72,97,61,0.75);}
  .gk-btn-ghost{background:transparent;color:var(--gk-sage-deep);border:1.5px solid var(--gk-sage-deep);}
  .gk-btn-ghost:hover{background:rgba(72,97,61,0.08);}
  .gk-btn-sand{background:var(--gk-sand);color:var(--gk-white);box-shadow:0 14px 28px -14px rgba(201,138,82,0.6);}
  .gk-btn-sand:hover{transform:translateY(-2px);}
  @media (prefers-reduced-motion: reduce){.gk-btn{transition:none;}.gk-btn-primary:hover,.gk-btn-sand:hover{transform:none;}}

  /* ===== dot grid decoration (brand-book motif) ===== */
  .gk-dotgrid{
    position:absolute;width:120px;height:96px;
    background-image:radial-gradient(circle,var(--gk-sage) 1.6px,transparent 1.7px);
    background-size:14px 14px;opacity:0.35;pointer-events:none;
  }

  /* ================= ICONS ================= */
  .gk-ic{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;}

  /* ================= TOP BAR ================= */
  .gk-topbar{background:var(--gk-white);border-bottom:1px solid var(--gk-line);}
  .gk-topbar .gk-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:16px;flex-wrap:wrap;}
  .gk-crumbs{font-size:0.82rem;color:var(--gk-steel-soft);font-family:var(--gk-font-head);}
  .gk-crumbs a{text-decoration:none;}
  .gk-crumbs a:hover{color:var(--gk-sage-deep);}
  .gk-brandmark{display:flex;align-items:center;gap:10px;font-family:var(--gk-font-head);font-weight:800;font-size:1rem;color:var(--gk-ink);}
  .gk-brandmark .gk-sep{width:1px;height:22px;background:var(--gk-line);}
  .gk-brandmark .gk-gk{display:flex;align-items:center;gap:6px;color:var(--gk-sage-deep);}

  /* ================= SUBNAV ================= */
  .gk-subnav{position:sticky;top:0;z-index:40;background:rgba(250,247,239,0.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--gk-line);}
  .gk-subnav .gk-wrap{display:flex;align-items:center;gap:6px;padding:10px 28px;overflow-x:auto;scrollbar-width:none;}
  .gk-subnav .gk-wrap::-webkit-scrollbar{display:none;}
  .gk-subnav a{
    font-family:var(--gk-font-head);font-weight:600;font-size:0.86rem;color:var(--gk-steel);
    padding:9px 14px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background .15s,color .15s;
  }
  .gk-subnav a:hover,.gk-subnav a.gk-active{background:var(--gk-sage-deep);color:var(--gk-white);}
  .gk-subnav .gk-cta{margin-left:auto;flex:none;}
  .gk-subnav .gk-cta a{background:var(--gk-sand);color:var(--gk-white);padding:9px 18px;}

  /* ================= HERO ================= */
  .gk-hero{position:relative;padding:84px 0 96px;background:linear-gradient(180deg,#F4EFE0 0%,var(--gk-cream) 100%);overflow:hidden;}
  .gk-hero .gk-dotgrid{top:28px;right:6%;}
  .gk-hero .gk-dotgrid.gk-b{bottom:10%;left:2%;width:80px;height:80px;}
  .gk-hero-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;position:relative;z-index:2;}
  .gk-hero h1{font-size:clamp(2.3rem,4.2vw,3.4rem);font-weight:600;letter-spacing:-0.015em;}
  .gk-hero h1 em{font-style:normal;color:var(--gk-sage-deep);font-weight:800;}
  .gk-hero p.gk-lead{font-size:1.12rem;color:var(--gk-steel);margin:20px 0 30px;max-width:560px;}
  .gk-hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px;}
  .gk-hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:28px;}
  .gk-hero-stats .gk-stat b{display:block;font-family:var(--gk-font-head);font-weight:800;font-size:1.55rem;color:var(--gk-sage-deep);}
  .gk-hero-stats .gk-stat span{font-size:0.8rem;color:var(--gk-steel);}
  .gk-hero-art{position:relative;display:flex;align-items:center;justify-content:center;}
  .gk-hero-art .gk-badge{
    position:absolute;top:6%;right:0;background:var(--gk-white);border-radius:100px;
    padding:10px 16px 10px 10px;display:flex;align-items:center;gap:8px;box-shadow:var(--gk-shadow);
    font-family:var(--gk-font-head);font-weight:700;font-size:0.78rem;color:var(--gk-ink);
  }
  .gk-hero-art .gk-badge .gk-pip{width:26px;height:26px;border-radius:50%;background:var(--gk-green);display:flex;align-items:center;justify-content:center;color:#fff;}
  .gk-hero-art .gk-badge .gk-pip2{background:var(--gk-blue);}
  .gk-hero-emblem{width:100%;max-width:360px;height:auto;}

  @media (max-width:900px){
    .gk-hero-grid{grid-template-columns:1fr;}
    .gk-hero-art{order:-1;}
    .gk-hero-stats{grid-template-columns:repeat(2,auto);row-gap:18px;}
  }

  /* ================= CATEGORY / CRITERIA GRIDS ================= */
  .gk-pillrow{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;}
  .gk-pillrow li{
    display:flex;align-items:center;gap:8px;background:var(--gk-white);border:1px solid var(--gk-line);
    padding:9px 16px;border-radius:100px;font-family:var(--gk-font-head);font-weight:600;font-size:0.86rem;color:var(--gk-sage-deep);
  }
  .gk-pillrow li .gk-ic{color:var(--gk-sage);}

  .gk-about-layout{display:grid;grid-template-columns:0.95fr 1.05fr;gap:56px;align-items:start;}
  .gk-crit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px;}
  .gk-crit-grid li{
    background:var(--gk-white);border-radius:var(--gk-radius-sm);padding:16px 12px;text-align:center;
    border:1px solid var(--gk-line);
  }
  .gk-crit-grid li .gk-ic{width:26px;height:26px;color:var(--gk-sage-deep);margin:0 auto 8px;}
  .gk-crit-grid li span{display:block;font-family:var(--gk-font-head);font-weight:700;font-size:0.78rem;color:var(--gk-ink);}
  @media (max-width:900px){.gk-about-layout{grid-template-columns:1fr;}.gk-crit-grid{grid-template-columns:repeat(3,1fr);}}

  /* ================= CARD GRID (benefits / services) ================= */
  .gk-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .gk-card{
    background:var(--gk-white);border-radius:var(--gk-radius-md);padding:28px 26px;border:1px solid var(--gk-line);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .gk-card:hover{transform:translateY(-4px);box-shadow:var(--gk-shadow);}
  @media (prefers-reduced-motion: reduce){.gk-card:hover{transform:none;}}
  .gk-card .gk-ic-wrap{width:46px;height:46px;border-radius:14px;background:rgba(135,170,118,0.16);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .gk-card .gk-ic-wrap .gk-ic{width:22px;height:22px;color:var(--gk-sage-deep);}
  .gk-card h3{font-size:1.04rem;font-weight:700;margin-bottom:8px;}
  .gk-card p{color:var(--gk-steel);font-size:0.93rem;margin:0;}
  @media (max-width:920px){.gk-card-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:620px){.gk-card-grid{grid-template-columns:1fr;}}

  .gk-trust-strip{display:flex;gap:34px;flex-wrap:wrap;margin:30px 0 44px;padding:22px 26px;background:var(--gk-white);border-radius:var(--gk-radius-md);border:1px solid var(--gk-line);}
  .gk-trust-strip .gk-t b{display:block;font-family:var(--gk-font-head);font-weight:800;color:var(--gk-sage-deep);font-size:1.3rem;}
  .gk-trust-strip .gk-t span{font-size:0.8rem;color:var(--gk-steel);}

  /* ================= TIMELINE (process / audit) ================= */
  .gk-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
  .gk-tl-step{position:relative;background:var(--gk-white);border-radius:var(--gk-radius-md);padding:26px 20px 22px;border:1px solid var(--gk-line);}
  .gk-tl-step .gk-num{
    width:38px;height:38px;border-radius:50%;background:var(--gk-sage-deep);color:#fff;
    display:flex;align-items:center;justify-content:center;font-family:var(--gk-font-head);font-weight:800;font-size:0.95rem;margin-bottom:16px;
  }
  .gk-tl-step h3{font-size:0.98rem;margin-bottom:8px;}
  .gk-tl-step p{color:var(--gk-steel);font-size:0.87rem;margin:0;}
  .gk-tl-step .connector{display:none;}
  @media (min-width:901px){
    .gk-tl-step:not(:last-child)::after{
      content:"";position:absolute;top:39px;left:100%;width:18px;height:2px;background:var(--gk-line);
    }
  }
  @media (max-width:900px){.gk-timeline{grid-template-columns:1fr;}}
  .gk-duration-chip{
    display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:var(--gk-sand-light);
    color:var(--gk-sage-deep-2);font-family:var(--gk-font-head);font-weight:700;font-size:0.9rem;
    padding:12px 20px;border-radius:100px;
  }
  .gk-duration-chip .gk-ic{color:var(--gk-sand);}

  /* ===== audit detail layout ===== */
  .gk-audit-layout{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:start;}
  .gk-audit-steps{counter-reset:a;}
  .gk-audit-steps li{
    position:relative;padding:0 0 26px 50px;border-left:2px solid var(--gk-line);margin-left:18px;
  }
  .gk-audit-steps li:last-child{border-left:2px solid transparent;padding-bottom:0;}
  .gk-audit-steps li::before{
    counter-increment:a;content:counter(a);position:absolute;left:-19px;top:-2px;width:36px;height:36px;
    border-radius:50%;background:var(--gk-white);border:2px solid var(--gk-sage-deep);color:var(--gk-sage-deep);
    font-family:var(--gk-font-head);font-weight:800;font-size:0.85rem;display:flex;align-items:center;justify-content:center;
  }
  .gk-audit-steps h3{font-size:0.98rem;margin-bottom:4px;}
  .gk-audit-steps p{color:var(--gk-steel);font-size:0.9rem;margin:0;}

  .gk-outcome-grid{display:grid;gap:14px;}
  .gk-outcome{background:var(--gk-white);border-radius:var(--gk-radius-md);border:1px solid var(--gk-line);padding:20px 22px;display:flex;gap:16px;align-items:flex-start;}
  .gk-outcome .gk-letter{
    flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    font-family:var(--gk-font-head);font-weight:800;color:#fff;font-size:1rem;
  }
  .gk-outcome.gk-a .gk-letter{background:var(--gk-sage-deep);}
  .gk-outcome.gk-b .gk-letter{background:var(--gk-sand);}
  .gk-outcome.gk-c .gk-letter{background:#A65A45;}
  .gk-outcome h4{font-size:0.95rem;margin-bottom:4px;}
  .gk-outcome p{font-size:0.87rem;color:var(--gk-steel);margin:0;}

  .gk-after-cert{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .gk-after-cert li{background:var(--gk-cream-alt);border-radius:var(--gk-radius-sm);padding:16px;font-size:0.85rem;color:var(--gk-steel);}
  .gk-after-cert li b{display:block;color:var(--gk-ink);font-family:var(--gk-font-head);font-size:0.85rem;margin-bottom:4px;}
  @media (max-width:900px){.gk-audit-layout{grid-template-columns:1fr;}.gk-after-cert{grid-template-columns:repeat(2,1fr);}}

  /* ================= COST ================= */
  .gk-cost-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:22px;}
  .gk-price-card{background:var(--gk-white);border-radius:var(--gk-radius-lg);border:1px solid var(--gk-line);padding:30px 30px 26px;}
  .gk-price-card h3{font-size:1.1rem;margin-bottom:6px;}
  .gk-price-card .gk-muted{color:var(--gk-steel);font-size:0.88rem;margin-bottom:18px;}
  .gk-price-headline{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;}
  .gk-price-headline b{font-family:var(--gk-font-head);font-weight:800;font-size:2rem;color:var(--gk-sage-deep);}
  .gk-price-headline span{color:var(--gk-steel);font-size:0.9rem;}
  table.gk-price-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:0.88rem;}
  table.gk-price-table th,table.gk-price-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--gk-line);}
  table.gk-price-table th{font-family:var(--gk-font-head);font-weight:700;color:var(--gk-sage-deep-2);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;}
  table.gk-price-table td.gk-num{font-family:var(--gk-font-head);font-weight:700;}
  .gk-price-side{display:flex;flex-direction:column;gap:18px;}
  .gk-includes-list li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--gk-line);font-size:0.9rem;}
  .gk-includes-list li:last-child{border-bottom:none;}
  .gk-includes-list .gk-ic{color:var(--gk-sage-deep);flex:none;margin-top:2px;}
  .gk-note-box{
    margin-top:26px;background:var(--gk-sand-light);border-left:4px solid var(--gk-sand);border-radius:var(--gk-radius-sm);
    padding:18px 22px;font-size:0.9rem;color:var(--gk-sage-deep-2);display:flex;gap:12px;
  }
  .gk-note-box .gk-ic{flex:none;color:var(--gk-sand);margin-top:2px;}
  @media (max-width:900px){.gk-cost-grid{grid-template-columns:1fr;}}

  /* ================= FAQ ================= */
  .gk-faq-list{max-width:820px;}
  .gk-faq-item{background:var(--gk-white);border:1px solid var(--gk-line);border-radius:var(--gk-radius-md);margin-bottom:12px;overflow:hidden;}
  .gk-faq-item summary{
    cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-family:var(--gk-font-head);font-weight:700;font-size:0.98rem;
    position:relative;display:flex;align-items:center;
  }
  .gk-faq-item summary::-webkit-details-marker{display:none;}
  .gk-faq-item summary::after{
    content:"";position:absolute;right:22px;top:50%;width:12px;height:12px;border-right:2px solid var(--gk-sage-deep);
    border-bottom:2px solid var(--gk-sage-deep);transform:translateY(-65%) rotate(45deg);transition:transform .2s ease;
  }
  .gk-faq-item[open] summary::after{transform:translateY(-35%) rotate(-135deg);}
  .gk-faq-item .gk-faq-body{padding:0 24px 22px;color:var(--gk-steel);font-size:0.93rem;max-width:680px;}

  /* ================= CONTACT / FORM ================= */
  .gk-contact{background:var(--gk-sage-deep-2);color:#fff;}
  .gk-contact .gk-section-head h2{color:#fff;}
  .gk-contact .gk-section-head p{color:#D6E0CF;}
  .gk-contact .gk-eyebrow{color:#CFE3C5;}
  .gk-contact-grid{display:grid;grid-template-columns:1.2fr 0.9fr;gap:40px;align-items:start;}
  .gk-form-card{background:#fff;border-radius:var(--gk-radius-lg);padding:32px;color:var(--gk-ink);box-shadow:var(--gk-shadow);}
  .gk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .gk-field{display:flex;flex-direction:column;gap:6px;}
  .gk-field.gk-full{grid-column:1 / -1;}
  .gk-field label{font-family:var(--gk-font-head);font-weight:700;font-size:0.82rem;color:var(--gk-sage-deep-2);}
  .gk-field input,.gk-field select,.gk-field textarea{
    border:1.5px solid var(--gk-line);border-radius:var(--gk-radius-sm);padding:12px 14px;font-family:var(--gk-font-body);
    font-size:0.95rem;color:var(--gk-ink);background:var(--gk-cream);
  }
  .gk-field textarea{resize:vertical;min-height:90px;}
  .gk-field input:focus,.gk-field select:focus,.gk-field textarea:focus{outline:none;border-color:var(--gk-sage-deep);}
  .gk-consent{display:flex;gap:10px;align-items:flex-start;font-size:0.83rem;color:var(--gk-steel);margin:6px 0 20px;}
  .gk-consent input{margin-top:3px;}
  .gk-form-msg{display:none;margin-bottom:16px;padding:12px 16px;border-radius:var(--gk-radius-sm);background:#E8F1E3;color:var(--gk-sage-deep-2);font-weight:600;font-size:0.9rem;}
  .gk-form-msg.gk-show{display:block;}

  .gk-contact-info{display:flex;flex-direction:column;gap:22px;}
  .gk-info-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.16);border-radius:var(--gk-radius-md);padding:22px 24px;}
  .gk-info-card h4{font-family:var(--gk-font-head);font-size:0.95rem;margin-bottom:10px;color:#fff;}
  .gk-info-card .gk-row{display:flex;gap:10px;font-size:0.9rem;color:#E4ECDE;margin-bottom:8px;align-items:flex-start;}
  .gk-info-card .gk-row .gk-ic{flex:none;margin-top:2px;color:#CFE3C5;}
  .gk-info-card a{text-decoration:none;color:#fff;}
  .gk-info-card a:hover{text-decoration:underline;}
  .gk-social-row{display:flex;gap:10px;margin-top:6px;}
  .gk-social-row a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.12);display:flex;align-items:center;justify-content:center;color:#fff;}
  @media (max-width:900px){.gk-contact-grid{grid-template-columns:1fr;}.gk-form-row{grid-template-columns:1fr;}}

  /* ================= FOOTER ================= */
  .gk-footer{background:var(--gk-ink);color:#C9C7BD;padding:34px 0;font-size:0.85rem;}
  .gk-footer .gk-wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;}
  .gk-footer a{color:#fff;text-decoration:underline;}

  /* ===== reveal-on-scroll (progressive enhancement — JS opts elements in; without JS, content stays fully visible) ===== */
  .gk-reveal.gk-pre{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
  .gk-reveal.gk-pre.gk-in{opacity:1;transform:none;}
  @media (prefers-reduced-motion: reduce){.gk-reveal.gk-pre{opacity:1;transform:none;transition:none;}}
</style>

<div class="gk-landing">
<svg width="0" height="0" style="position:absolute" aria-hidden="true" xmlns:xlink="http://www.w3.org/1999/xlink&quot;&gt;
<defs>
<symbol id="i-leaf" viewBox="0 0 24 24"><path d="M4 20c0-8 6-15 16-16-1 10-8 16-16 16Z"/><path d="M5 19c3-3 6-7 8-12"/></symbol>
<symbol id="i-key" viewBox="0 0 24 24"><circle cx="8" cy="8" r="4.5"/><path d="M11.2 11.2 21 21M16 16l2-2M19 19l2-2"/></symbol>
<symbol id="i-globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.6 2.4 4 5.6 4 9s-1.4 6.6-4 9c-2.6-2.4-4-5.6-4-9s1.4-6.6 4-9Z"/></symbol>
<symbol id="i-coin" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v10M9.5 9.2c0-1.3 1.1-2.2 2.5-2.2s2.5.7 2.5 1.8c0 2.4-5 1.8-5 4.4 0 1.1 1.1 1.8 2.5 1.8s2.5-.9 2.5-2.2"/></symbol>
<symbol id="i-trend" viewBox="0 0 24 24"><path d="M3 17 10 10l4 4 7-7"/><path d="M15 7h6v6"/></symbol>
<symbol id="i-template" viewBox="0 0 24 24"><rect x="3.5" y="3.5" width="17" height="17" rx="3"/><path d="M3.5 9.5h17M9 9.5V20"/></symbol>
<symbol id="i-tag" viewBox="0 0 24 24"><path d="M3 11.5 11.5 3H19a2 2 0 0 1 2 2v7.5L12.5 21 3 11.5Z"/><circle cx="14.5" cy="8.5" r="1.4"/></symbol>
<symbol id="i-flag" viewBox="0 0 24 24"><path d="M5 21V4"/><path d="M5 4h13l-3 4 3 4H5"/></symbol>
<symbol id="i-people" viewBox="0 0 24 24"><circle cx="9" cy="8" r="3"/><path d="M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6"/><circle cx="17.5" cy="9" r="2.3"/><path d="M15 20c0-2.6 1.3-4.8 3.2-5.6"/></symbol>
<symbol id="i-doc" viewBox="0 0 24 24"><path d="M7 3.5h7l4 4V20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z"/><path d="M14 3.5V8h4M9 13h6M9 16.5h6"/></symbol>
<symbol id="i-chat" viewBox="0 0 24 24"><path d="M4 5h16v11H9l-5 4V5Z"/></symbol>
<symbol id="i-check-shield" viewBox="0 0 24 24"><path d="M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6l-8-3Z"/><path d="M8.5 12.5 11 15l5-5.5"/></symbol>
<symbol id="i-calendar" viewBox="0 0 24 24"><rect x="3.5" y="5" width="17" height="15" rx="2"/><path d="M3.5 9.5h17M8 3v4M16 3v4"/></symbol>
<symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l4 2"/></symbol>
<symbol id="i-search-doc" viewBox="0 0 24 24"><path d="M7 3.5h7l4 4V20a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4.5a1 1 0 0 1 1-1Z"/><circle cx="10.5" cy="13.5" r="2.3"/><path d="M12.3 15.3 14 17"/></symbol>
<symbol id="i-eye" viewBox="0 0 24 24"><path d="M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Z"/><circle cx="12" cy="12" r="2.6"/></symbol>
<symbol id="i-talk" viewBox="0 0 24 24"><path d="M21 11.5a8.5 8.5 0 1 1-3.3-6.7"/><path d="M21 4v5h-5"/></symbol>
<symbol id="i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3.5 6 12 13l8.5-7"/></symbol>
<symbol id="i-phone" viewBox="0 0 24 24"><path d="M5 4h3.5l1.5 5-2.2 1.8a13 13 0 0 0 6.4 6.4l1.8-2.2 5 1.5V20a1.5 1.5 0 0 1-1.6 1.5C10.6 20.7 3.3 13.4 3.5 5.6 3.5 4.7 4.1 4 5 4Z"/></symbol>
<symbol id="i-pin" viewBox="0 0 24 24"><path d="M12 21s7-6.3 7-12a7 7 0 1 0-14 0c0 5.7 7 12 7 12Z"/><circle cx="12" cy="9" r="2.4"/></symbol>
<symbol id="i-bolt" viewBox="0 0 24 24"><path d="M13 2 4 14h6l-1 8 9-12h-6l1-8Z"/></symbol>
<symbol id="i-droplet" viewBox="0 0 24 24"><path d="M12 3c4 5 6.5 8.4 6.5 11.5A6.5 6.5 0 1 1 5.5 14.5C5.5 11.4 8 8 12 3Z"/></symbol>
<symbol id="i-recycle" viewBox="0 0 24 24"><path d="M9 3.5 6 8.5h6L9 3.5ZM6 8.5l-3 5 3 2.5M18 8.5l3 5-3 2.5M9.5 21h5l-2.5-5"/></symbol>
<symbol id="i-cart" viewBox="0 0 24 24"><path d="M3 4h2l2.4 12.2A2 2 0 0 0 9.4 18h8.2a2 2 0 0 0 2-1.6L21 8H6"/><circle cx="9" cy="21" r="1.3"/><circle cx="18" cy="21" r="1.3"/></symbol>
<symbol id="i-build" viewBox="0 0 24 24"><path d="M4 21V9l5-3v3l5-3v15"/><path d="M14 21V9l6 3v9"/><path d="M8 13h.01M8 17h.01"/></symbol>
<symbol id="i-bed" viewBox="0 0 24 24"><path d="M3 18v-9M3 13h18v5M21 18V9M7 13V9a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4"/></symbol>
<symbol id="i-tent" viewBox="0 0 24 24"><path d="M3 19 12 4l9 15H3Z"/><path d="M9.5 19 12 13l2.5 6"/></symbol>
<symbol id="i-podium" viewBox="0 0 24 24"><rect x="3" y="10" width="18" height="10" rx="1.5"/><path d="M8 10V6h8v4M12 14v2"/></symbol>
<symbol id="i-fork" viewBox="0 0 24 24"><path d="M7 3v8M5 3v5a2 2 0 0 0 4 0V3M9 11v10M17 3c-2 0-3 2-3 5s1 3 3 3 3-1 3-3-1-5-3-5Zm0 8v9"/></symbol>
<symbol id="i-binoculars" viewBox="0 0 24 24"><circle cx="7" cy="16" r="3.2"/><circle cx="17" cy="16" r="3.2"/><path d="M9.5 8h5l1 6M9.5 8 8 4M14.5 8 16 4"/></symbol>
</defs>
</svg>

<nav class="gk-subnav" id="gk-subnav">
  <div class="gk-wrap">
    <a href="#gk-about">Что такое Green Key</a>
    <a href="#gk-support">Роль KazGBC</a>
    <a href="#gk-process">Заявка</a>
    <a href="#gk-audit">Аудит</a>
    <a href="#gk-cost">Стоимость</a>
    <a href="#gk-faq">Вопросы</a>
    <span class="gk-cta"><a href="#gk-apply">Подать заявку</a></span>
  </div>
</nav>

<main>

<!-- ============ HERO ============ -->
<section class="gk-hero" id="gk-top">
  <span class="gk-dotgrid"></span>
  <span class="gk-dotgrid gk-b"></span>
  <div class="gk-wrap gk-hero-grid">
    <div>
      <div class="gk-eyebrow"><span class="gk-dot"></span> Международная сертификация · программа FEE · с 1994 года</div>
      <h1>Green Key — знак <em>устойчивого&nbsp;гостеприимства</em>, который видят гости по всему миру</h1>
      <p class="gk-lead">KazGBC — официальный национальный оператор Green Key в Республике Казахстан. Мы сопровождаем отели, мини-отели, кемпинги, конференц-центры, рестораны и объекты показа на пути к международному эко-сертификату — от первой консультации до аудита и продления.</p>
      <div class="gk-hero-ctas">
        <a class="gk-btn gk-btn-primary" href="#gk-apply">Подать заявку на сертификацию</a>
        <a class="gk-btn gk-btn-ghost" href="#gk-about">Как это работает</a>
      </div>
      <div class="gk-hero-stats">
        <div class="gk-stat"><b>9 000+</b><span>сертифицированных объектов</span></div>
        <div class="gk-stat"><b>90+</b><span>стран-участниц</span></div>
        <div class="gk-stat"><b>1994</b><span>год запуска программы</span></div>
        <div class="gk-stat"><b>10</b><span>отелей Казахстана уже в программе</span></div>
      </div>
    </div>
    <div class="gk-hero-art">
      <span class="gk-badge"><span class="gk-pip"><svg class="gk-ic" style="width:14px;height:14px;stroke:#fff"><use href="#i-key" xlink:href="#i-key"/></svg></span><span class="gk-pip gk-pip2"><svg class="gk-ic" style="width:14px;height:14px;stroke:#fff"><use href="#i-globe" xlink:href="#i-globe"/></svg></span> Программа FEE · Green Key</span>
      <svg class="gk-hero-emblem" viewBox="0 0 320 320" aria-hidden="true">
        <circle cx="160" cy="160" r="150" fill="#fff"/>
        <circle cx="160" cy="160" r="150" fill="none" stroke="#E4DCC7" stroke-width="2"/>
        <g transform="translate(160,160)">
          <circle r="86" fill="none" stroke="#87AA76" stroke-width="2" stroke-dasharray="3 9"/>
          <path d="M-10,-70 C40,-66 70,-30 66,18 C62,62 30,86 -8,84 C-46,82 -78,52 -80,8 C-82,-40 -50,-72 -10,-70 Z" fill="#87AA76" opacity="0.16"/>
          <circle cx="-22" cy="-18" r="34" fill="none" stroke="#48613D" stroke-width="9"/>
          <path d="M2,4 L70,72" stroke="#48613D" stroke-width="9" stroke-linecap="round"/>
          <path d="M46,48 L46,68" stroke="#48613D" stroke-width="9" stroke-linecap="round"/>
          <path d="M58,60 L58,76" stroke="#48613D" stroke-width="9" stroke-linecap="round"/>
          <path d="M-30,-30 C-14,-40 8,-34 10,-16 C12,0 -4,10 -22,4" fill="none" stroke="#C98A52" stroke-width="5" stroke-linecap="round"/>
        </g>
      </svg>
    </div>
  </div>
</section>

<!-- ============ ABOUT + BENEFITS ============ -->
<section class="gk-section" id="gk-about">
  <div class="gk-wrap">
    <div class="gk-about-layout">
      <div class="gk-reveal">
        <div class="gk-eyebrow"><span class="gk-dot"></span> Что такое Green Key</div>
        <h2>Ведущий мировой эко-знак для индустрии гостеприимства</h2>
        <p style="color:var(--gk-steel);margin-top:16px;">Green Key («Зелёный ключ») — международная программа сертификации устойчивого туризма, которую с 1994 года администрирует Foundation for Environmental Education (FEE) — та же организация, что стоит за пляжным стандартом Blue Flag и программой Eco-Schools. Сертификат подтверждает, что объект прошёл независимый аудит и соответствует строгим критериям ответственного управления: от энергии, воды и отходов до закупок и вовлечения гостей.</p>
        <p style="color:var(--gk-steel)">Программа открыта для шести типов объектов:</p>
        <ul class="gk-pillrow">
          <li><svg class="gk-ic"><use href="#i-bed" xlink:href="#i-bed"/></svg> Отели и хостелы</li>
          <li><svg class="gk-ic"><use href="#i-build" xlink:href="#i-build"/></svg> Малые средства размещения</li>
          <li><svg class="gk-ic"><use href="#i-tent" xlink:href="#i-tent"/></svg> Кемпинги и парки</li>
          <li><svg class="gk-ic"><use href="#i-podium" xlink:href="#i-podium"/></svg> Конференц-центры</li>
          <li><svg class="gk-ic"><use href="#i-fork" xlink:href="#i-fork"/></svg> Рестораны и кафе</li>
          <li><svg class="gk-ic"><use href="#i-binoculars" xlink:href="#i-binoculars"/></svg> Объекты показа</li>
        </ul>
      </div>
      <div class="gk-reveal">
        <p style="font-family:var(--gk-font-head);font-weight:700;color:var(--gk-sage-deep-2);margin-bottom:6px;">Критерии охватывают 7 направлений устойчивости:</p>
        <ul class="gk-crit-grid">
          <li><svg class="gk-ic"><use href="#i-check-shield" xlink:href="#i-check-shield"/></svg><span>Управление</span></li>
          <li><svg class="gk-ic"><use href="#i-people" xlink:href="#i-people"/></svg><span>Гости</span></li>
          <li><svg class="gk-ic"><use href="#i-droplet" xlink:href="#i-droplet"/></svg><span>Вода</span></li>
          <li><svg class="gk-ic"><use href="#i-bolt" xlink:href="#i-bolt"/></svg><span>Энергия</span></li>
          <li><svg class="gk-ic"><use href="#i-recycle" xlink:href="#i-recycle"/></svg><span>Отходы</span></li>
          <li><svg class="gk-ic"><use href="#i-cart" xlink:href="#i-cart"/></svg><span>Закупки</span></li>
          <li><svg class="gk-ic"><use href="#i-leaf" xlink:href="#i-leaf"/></svg><span>Среда</span></li>
          <li><svg class="gk-ic"><use href="#i-globe" xlink:href="#i-globe"/></svg><span>Сообщество</span></li>
        </ul>
      </div>
    </div>

    <div style="margin-top:56px" class="gk-reveal">
      <p style="font-family:var(--gk-font-head);font-weight:700;font-size:1.15rem;margin-bottom:22px;">Что сертификат даёт вашему бизнесу</p>
      <div class="gk-card-grid">
        <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-globe" xlink:href="#i-globe"/></svg></div><h3>Глобальное признание</h3><p>Доступ к сети 9000+ сертифицированных объектов в 90+ странах — знак, который иностранные гости и партнёры узнают без перевода.</p></div>
        <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-coin" xlink:href="#i-coin"/></svg></div><h3>Экономия ресурсов</h3><p>Снижение расходов на энергию, воду и расходные материалы за счёт внедрения практик программы.</p></div>
        <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-trend" xlink:href="#i-trend"/></svg></div><h3>Рост продаж через OTA и B2B</h3><p>Соответствие ESG-требованиям корпоративных клиентов, тур-операторов и систем онлайн-бронирования.</p></div>
        <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-template" xlink:href="#i-template"/></svg></div><h3>Готовая методология</h3><p>Чёткий набор критериев, шаблонов и чек-листов — вместо разработки собственной системы устойчивости с нуля.</p></div>
        <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-tag" xlink:href="#i-tag"/></svg></div><h3>Маркетинговое преимущество</h3><p>Официальный знак, флаг и сертификат для лобби, сайта, OTA-профиля и рекламных материалов.</p></div>
        <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-flag" xlink:href="#i-flag"/></svg></div><h3>Поддержка на родном языке</h3><p>Материалы и сопровождение на русском и казахском языке от KazGBC на каждом этапе.</p></div>
      </div>
    </div>
  </div>
</section>

<!-- ============ KAZGBC AS NATIONAL OPERATOR ============ -->
<section class="gk-section gk-alt" id="gk-support">
  <div class="gk-wrap">
    <div class="gk-section-head gk-reveal">
      <div class="gk-eyebrow"><span class="gk-dot"></span> Роль KazGBC</div>
      <h2>KazGBC — национальный оператор Green Key в Казахстане</h2>
      <p>KazGBC уполномочен Green Key International вести программу на национальном уровне: от первой консультации до сертификата и его продления. Мы говорим с аудиторами и Сертифицирующим органом, чтобы вам не пришлось разбираться в этом самостоятельно.</p>
    </div>

    <div class="gk-trust-strip gk-reveal">
      <div class="gk-t"><b>10 лет</b><span>опыта KazGBC в зелёной сертификации</span></div>
      <div class="gk-t"><b>100+</b><span>зданий, сертифицированных по OMIR</span></div>
      <div class="gk-t"><b>150+</b><span>аккредитованных экспертов, обученных KazGBC</span></div>
      <div class="gk-t"><b>2 000+</b><span>специалистов прошли обучение KazGBC</span></div>
    </div>

    <div class="gk-card-grid gk-reveal">
      <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-search-doc" xlink:href="#i-search-doc"/></svg></div><h3>Оценка готовности</h3><p>Бесплатная первичная консультация и анализ того, что нужно изменить, чтобы соответствовать критериям Green Key.</p></div>
      <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-template" xlink:href="#i-template"/></svg></div><h3>Стартовый пакет RU/KZ</h3><p>Чек-листы, шаблоны политик и доказательной базы на русском и казахском языке.</p></div>
      <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-talk" xlink:href="#i-talk"/></svg></div><h3>Вебинары и Q&A-клиники</h3><p>Онбординг персонала и ответы на вопросы по подготовке к аудиту в прямом эфире.</p></div>
      <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-eye" xlink:href="#i-eye"/></svg></div><h3>Предпроверка документов</h3><p>Pre-screening доказательной базы перед аудитом — чтобы снизить число замечаний и не терять время.</p></div>
      <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-check-shield" xlink:href="#i-check-shield"/></svg></div><h3>Координация аудита</h3><p>Помощь в организации независимого аудита и взаимодействии с Сертифицирующим органом (CB).</p></div>
      <div class="gk-card"><div class="gk-ic-wrap"><svg class="gk-ic"><use href="#i-trend" xlink:href="#i-trend"/></svg></div><h3>PR и продвижение</h3><p>Продвижение сертифицированных объектов в СМИ, соцсетях KazGBC и на национальных мероприятиях отрасли.</p></div>
    </div>
  </div>
</section>

<!-- ============ APPLICATION PROCESS ============ -->
<section class="gk-section" id="gk-process">
  <div class="gk-wrap">
    <div class="gk-section-head gk-reveal">
      <div class="gk-eyebrow"><span class="gk-dot"></span> Как подать заявку</div>
      <h2>Путь к сертификату — 5 шагов</h2>
      <p>Процесс выстроен так, чтобы вы всегда знали, что происходит дальше и кто за это отвечает.</p>
    </div>
    <div class="gk-timeline gk-reveal">
      <div class="gk-tl-step"><span class="gk-num">1</span><h3>Заявка интереса</h3><p>Свяжитесь с KazGBC, расскажите о категории и масштабе объекта — мы проверим соответствие условиям программы.</p></div>
      <div class="gk-tl-step"><span class="gk-num">2</span><h3>Документы и взнос</h3><p>Анкета, пакет документов, сертификационное соглашение и оплата национального взноса Green Key.</p></div>
      <div class="gk-tl-step"><span class="gk-num">3</span><h3>Подготовка</h3><p>Доступ к Green Key Toolbox, онбординг-вебинар и предпроверка готовности доказательной базы.</p></div>
      <div class="gk-tl-step"><span class="gk-num">4</span><h3>Аудит объекта</h3><p>Независимый аудитор проводит очный аудит — подробности в следующем разделе.</p></div>
      <div class="gk-tl-step"><span class="gk-num">5</span><h3>Решение и сертификат</h3><p>Сертифицирующий орган выносит решение. При соответствии — сертификат на 2 года, табличка и флаг Green Key.</p></div>
    </div>
    <div class="gk-duration-chip gk-reveal"><svg class="gk-ic"><use href="#i-clock" xlink:href="#i-clock"/></svg> В среднем весь путь от заявки до сертификата занимает 4–6 месяцев</div>
  </div>
</section>

<!-- ============ AUDIT ============ -->
<section class="gk-section gk-alt" id="gk-audit">
  <div class="gk-wrap">
    <div class="gk-section-head gk-reveal">
      <div class="gk-eyebrow"><span class="gk-dot"></span> Стадии аудита</div>
      <h2>Что происходит в день аудита</h2>
      <p>Аудит проводит независимый аккредитованный аудитор — KazGBC не оценивает объект самостоятельно, чтобы сохранить объективность сертификации.</p>
    </div>

    <div class="gk-audit-layout">
      <ol class="gk-audit-steps gk-reveal">
        <li><h3>Вступительная встреча</h3><p>Аудитор и представитель объекта (Green Key Establishment Representative) обсуждают программу визита.</p></li>
        <li><h3>Проверка документов</h3><p>Аудитор изучает доказательную базу — часть документов может быть передана заранее.</p></li>
        <li><h3>Визуальный осмотр</h3><p>Выборочная проверка номеров, кухни, прачечной, зон для гостей и персонала.</p></li>
        <li><h3>Итоговое обсуждение</h3><p>Аудитор резюмирует наблюдения и готовит официальный отчёт.</p></li>
      </ol>
      <div class="gk-reveal">
        <div class="gk-duration-chip" style="margin-top:0;margin-bottom:22px;"><svg class="gk-ic"><use href="#i-clock" xlink:href="#i-clock"/></svg> Обычно 2–6 часов — зависит от размера объекта и штата</div>
        <p style="font-family:var(--gk-font-head);font-weight:700;color:var(--gk-sage-deep-2);margin-bottom:14px;">Возможные результаты аудита</p>
        <div class="gk-outcome-grid">
          <div class="gk-outcome gk-a"><span class="gk-letter">A</span><div><h4>Полное соответствие</h4><p>Отчёт сразу передаётся в Сертифицирующий орган для решения.</p></div></div>
          <div class="gk-outcome gk-b"><span class="gk-letter">B</span><div><h4>1–5 несоответствий</h4><p>У объекта есть 2 месяца, чтобы предоставить дополнительные доказательства.</p></div></div>
          <div class="gk-outcome gk-c"><span class="gk-letter">C</span><div><h4>Более 5 несоответствий</h4><p>Требуется повторный аудит после устранения замечаний — за счёт объекта.</p></div></div>
        </div>
      </div>
    </div>

    <ul class="gk-after-cert gk-reveal">
      <li><b>2 года</b>срок действия сертификата с момента решения Сертифицирующего органа.</li>
      <li><b>8–14 месяцев</b>окно для промежуточного мониторинга (surveillance) выбранных критериев.</li>
      <li><b>Ежегодно</b>уплата национального взноса Green Key для сохранения статуса.</li>
      <li><b>За 6–8 мес.</b>KazGBC напоминает о продлении и помогает подготовить документы.</li>
    </ul>
  </div>
</section>

<!-- ============ COST ============ -->
<section class="gk-section" id="gk-cost">
  <div class="gk-wrap">
    <div class="gk-section-head gk-reveal">
      <div class="gk-eyebrow"><span class="gk-dot"></span> Примерная стоимость</div>
      <h2>Прозрачная структура расходов</h2>
      <p>Стоимость состоит из двух независимых частей: национальный взнос Green Key (оплачивается KazGBC) и услуги независимого аудита (оплачиваются напрямую аудитору / Сертифицирующему органу).</p>
    </div>

    <div class="gk-cost-grid gk-reveal">
      <div class="gk-price-card">
        <h3>Национальный взнос Green Key</h3>
        <p class="gk-muted">Ориентировочные значения на 2026 год, в евро</p>
        <div class="gk-price-headline"><b>€1 430</b><span>/ год — для действующих сертифицированных отелей при переходе на национальное управление</span></div>
        <p style="font-family:var(--gk-font-head);font-weight:700;font-size:0.85rem;color:var(--gk-sage-deep-2);margin-top:18px;">Для новых заявителей взнос зависит от номерного фонда:</p>
        <table class="gk-price-table">
          <thead><tr><th>Номерной фонд</th><th>Взнос, €/год</th></tr></thead>
          <tbody>
            <tr><td>до 20 номеров</td><td class="gk-num">1 170</td></tr>
            <tr><td>21–40 номеров</td><td class="gk-num">1 365</td></tr>
            <tr><td>41–70 номеров</td><td class="gk-num">1 625</td></tr>
            <tr><td>71–120 номеров</td><td class="gk-num">1 755</td></tr>
            <tr><td>121–200 номеров</td><td class="gk-num">1 833</td></tr>
            <tr><td>201–300 номеров</td><td class="gk-num">2 145</td></tr>
            <tr><td>301+ номеров</td><td class="gk-num">2 405</td></tr>
          </tbody>
        </table>
      </div>

      <div class="gk-price-side">
        <div class="gk-price-card">
          <h3>Услуги аудита</h3>
          <p class="gk-muted">Оплачивается отдельно, напрямую аудитору / Сертифицирующему органу</p>
          <div class="gk-price-headline"><b>€50–70</b><span>/ час работы аудитора</span></div>
          <p style="color:var(--gk-steel);font-size:0.88rem;">При необходимости — командировочные расходы аудитора (проезд, при больших расстояниях — проживание).</p>
        </div>
        <div class="gk-price-card">
          <h3>Что включает взнос</h3>
          <ul class="gk-includes-list">
            <li><svg class="gk-ic"><use href="#i-flag" xlink:href="#i-flag"/></svg> Табличка Green Key после первой сертификации</li>
            <li><svg class="gk-ic"><use href="#i-doc" xlink:href="#i-doc"/></svg> Ежегодный сертификат</li>
            <li><svg class="gk-ic"><use href="#i-template" xlink:href="#i-template"/></svg> Доступ к Green Key Toolbox</li>
            <li><svg class="gk-ic"><use href="#i-talk" xlink:href="#i-talk"/></svg> Методическая поддержка KazGBC</li>
            <li><svg class="gk-ic"><use href="#i-trend" xlink:href="#i-trend"/></svg> Участие в национальных PR-активностях</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="gk-note-box gk-reveal">
      <svg class="gk-ic" style="width:20px;height:20px"><use href="#i-doc" xlink:href="#i-doc"/></svg>
      <div>Указанные суммы ориентировочные, приведены в евро на основе плана запуска национальной программы 2026 года, и могут уточняться KazGBC в зависимости от категории объекта, региона и текущего курса валют. Точный расчёт мы готовим индивидуально после получения заявки.</div>
    </div>
    <div style="margin-top:24px"><a class="gk-btn gk-btn-sand" href="#gk-apply">Запросить точный расчёт стоимости</a></div>
  </div>
</section>

<!-- ============ FAQ ============ -->
<section class="gk-section gk-alt" id="gk-faq">
  <div class="gk-wrap">
    <div class="gk-section-head gk-reveal">
      <div class="gk-eyebrow"><span class="gk-dot"></span> Частые вопросы</div>
      <h2>Вопросы и ответы</h2>
      <p>Не нашли ответ на свой вопрос? Напишите нам в разделе «Связаться с нами» ниже.</p>
    </div>
    <div class="gk-faq-list gk-reveal">
      <details class="gk-faq-item"><summary>Что такое Green Key и кто управляет программой?</summary><div class="gk-faq-body">Green Key — международная программа эко-сертификации туристических и гостиничных объектов, которую с 1994 года администрирует Foundation for Environmental Education (FEE). В Казахстане программу на национальном уровне ведёт KazGBC.</div></details>
      <details class="gk-faq-item"><summary>Какие объекты могут получить сертификат?</summary><div class="gk-faq-body">Отели и хостелы, малые средства размещения, кемпинги и парки для отдыха, конференц-центры, рестораны/кафе и объекты показа (музеи, парки, центры для посетителей).</div></details>
      <details class="gk-faq-item"><summary>Кто проводит аудит — KazGBC или независимая организация?</summary><div class="gk-faq-body">Аудит проводит независимый аккредитованный аудитор. KazGBC помогает с подготовкой и координацией, но не принимает решение о сертификации — это делает отдельный Сертифицирующий орган (CB), чтобы сохранить объективность оценки.</div></details>
      <details class="gk-faq-item"><summary>Сколько действует сертификат и как часто нужно проходить аудит?</summary><div class="gk-faq-body">Сертификат действует 2 года. В период действия проводится промежуточный мониторинг (между 8 и 14 месяцами), а для продления — повторная заявка и аудит с подтверждением возросшего уровня соответствия критериям.</div></details>
      <details class="gk-faq-item"><summary>Что будет, если аудитор найдёт несоответствия?</summary><div class="gk-faq-body">При 1–5 несоответствиях у объекта есть 2 месяца на предоставление дополнительных доказательств. При более чем 5 несоответствиях потребуется повторный аудит после устранения замечаний, оплачиваемый объектом.</div></details>
      <details class="gk-faq-item"><summary>Сколько стоит сертификация и что входит в стоимость?</summary><div class="gk-faq-body">Стоимость складывается из национального взноса Green Key (от €1 170 до €2 405 в год в зависимости от номерного фонда) и услуг аудита (€50–70/час). Точный расчёт KazGBC готовит индивидуально после заявки.</div></details>
      <details class="gk-faq-item"><summary>Что происходит с отелями Казахстана, уже сертифицированными Green Key International?</summary><div class="gk-faq-body">10 отелей, ранее сертифицированных под международным управлением, переводятся на национальное управление KazGBC без потери статуса — этот переход уже запланирован на 2026 год.</div></details>
      <details class="gk-faq-item"><summary>Можно ли получить сертификат, если объект пока не соответствует всем критериям?</summary><div class="gk-faq-body">Все императивные критерии должны выполняться полностью. По гайдлайн-критериям требования растут постепенно — в первые 1–2 года достаточно соответствовать только императивным, далее доля гайдлайн-критериев увеличивается с каждым циклом сертификации.</div></details>
      <details class="gk-faq-item"><summary>Как Green Key помогает с маркетингом и продажами отеля?</summary><div class="gk-faq-body">Сертификат — это узнаваемый международный знак для гостей, OTA и корпоративных клиентов с ESG-требованиями, а также доступ к табличке, флагу и официальным материалам Green Key для сайта и лобби.</div></details>
    </div>
  </div>
</section>

<!-- ============ CONTACT / FORM ============ -->
<section class="gk-section gk-contact" id="gk-apply">
  <div class="gk-wrap">
    <div class="gk-section-head gk-reveal">
      <div class="gk-eyebrow"><span class="gk-dot"></span> Связаться с нами</div>
      <h2>Готовы сделать первый шаг?</h2>
      <p>Оставьте заявку — менеджер KazGBC свяжется с вами в течение 2 рабочих дней и поможет определить дальнейшие шаги.</p>
    </div>

    <div class="gk-contact-grid">
      <form class="gk-form-card gk-reveal" id="gk-form">
        <div class="gk-form-msg" id="gk-form-msg">Спасибо! Заявка отправлена — мы свяжемся с вами в течение 2 рабочих дней.</div>
        <div class="gk-form-row">
          <div class="gk-field"><label for="gk-org">Название организации*</label><input id="gk-org" required placeholder="Например, Hotel Almaty"></div>
          <div class="gk-field"><label for="gk-name">Контактное лицо*</label><input id="gk-name" required placeholder="Имя и фамилия"></div>
        </div>
        <div class="gk-form-row">
          <div class="gk-field"><label for="gk-cat">Категория объекта*</label>
            <select id="gk-cat" required>
              <option value="">Выберите категорию</option>
              <option>Отель / хостел</option>
              <option>Малое средство размещения</option>
              <option>Кемпинг / парк для отдыха</option>
              <option>Конференц-центр</option>
              <option>Ресторан / кафе</option>
              <option>Объект показа</option>
            </select>
          </div>
          <div class="gk-field"><label for="gk-city">Город</label><input id="gk-city" placeholder="Алматы, Астана, ..."></div>
        </div>
        <div class="gk-form-row">
          <div class="gk-field"><label for="gk-email">Email*</label><input id="gk-email" type="email" required placeholder="you@company.kz"></div>
          <div class="gk-field"><label for="gk-phone">Телефон*</label><input id="gk-phone" type="tel" required placeholder="+7 7__ ___ __ __"></div>
        </div>
        <div class="gk-field gk-full" style="margin-bottom:16px;"><label for="gk-msg">Сообщение</label><textarea id="gk-msg" placeholder="Расскажите о вашем объекте: количество номеров/мест, текущие практики устойчивости"></textarea></div>
        <label class="gk-consent"><input type="checkbox" required> Согласен(а) на обработку персональных данных в соответствии с политикой конфиденциальности KazGBC и условиями программы Green Key</label>
        <button class="gk-btn gk-btn-primary" type="submit" style="width:100%;">Отправить заявку</button>
      </form>

      <div class="gk-contact-info gk-reveal">
        <div class="gk-info-card">
          <h4>Прямые контакты по Green Key</h4>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-mail" xlink:href="#i-mail"/></svg> <a href="mailto:diaz@kazgbc.kz">diaz@kazgbc.kz</a> — развитие программы</div>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-mail" xlink:href="#i-mail"/></svg> <a href="mailto:info@kazgbc.kz">info@kazgbc.kz</a> — общие вопросы</div>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-phone" xlink:href="#i-phone"/></svg> <a href="tel:+77017721552">+7 701 772 15 52</a></div>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-phone" xlink:href="#i-phone"/></svg> <a href="tel:+77023084700">+7 702 308 47 00</a></div>
        </div>
        <div class="gk-info-card">
          <h4>Офисы KazGBC</h4>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-pin" xlink:href="#i-pin"/></svg> Алматы, ул. Амангельды 59а, 4 этаж</div>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-pin" xlink:href="#i-pin"/></svg> Фронт-офис: Астана, ул. Янушкевича, 1</div>
          <div class="gk-row"><svg class="gk-ic"><use href="#i-clock" xlink:href="#i-clock"/></svg> Пн.–Пт.: 9:00–18:00</div>
        </div>
        <div class="gk-info-card">
          <h4>Мы в соцсетях</h4>
          <div class="gk-social-row">
            <a href="https://www.facebook.com/kazgbc&quot; aria-label="Facebook">FB</a>
            <a href="https://www.instagram.com/kazgbc/&quot; aria-label="Instagram">IG</a>
            <a href="https://www.youtube.com/@KazGBC&quot; aria-label="YouTube">YT</a>
            <a href="https://wa.me/+77023084700&quot; aria-label="WhatsApp">WA</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

</main>

<footer class="gk-footer">
  <div class="gk-wrap">
    <div>Green Key — программа Foundation for Environmental Education (FEE). KazGBC — официальный национальный оператор Green Key в Республике Казахстан.</div>
    <div>greenkey.global · kazgbc.kz · © 2026 KazGBC</div>
  </div>
</footer>

</div>

<script>
  // smooth scroll for in-page anchors, scoped to this block only (no global html{scroll-behavior} used)
  document.querySelectorAll('.gk-landing a[href^="#"]').forEach(a => {
    a.addEventListener('click', function(e){
      const target = document.querySelector(this.getAttribute('href'));
      if (target) { e.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }
    });
  });

  // active link highlight + smooth anchor offset handled natively
  const links = document.querySelectorAll('.gk-subnav a[href^="#"]');
  const sections = [...links].map(l => document.querySelector(l.getAttribute('href'))).filter(Boolean);
  function onScroll(){
    let current = sections[0];
    const y = window.scrollY + 120;
    sections.forEach(s => { if (s.offsetTop <= y) current = s; });
    links.forEach(l => l.classList.toggle('gk-active', l.getAttribute('href') === '#' + current.id));
  }
  document.addEventListener('scroll', onScroll, {passive:true});
  onScroll();

  // reveal on scroll — progressive enhancement, content is visible by default in CSS/HTML
  if ('IntersectionObserver' in window && !window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
    const revealEls = document.querySelectorAll('.gk-reveal');
    const obs = new IntersectionObserver((entries) => {
      entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('gk-in'); obs.unobserve(e.target); } });
    }, {threshold:0.12});
    revealEls.forEach(el => {
      el.classList.add('gk-pre');
      obs.observe(el);
      // safety net: if an element never intersects (e.g. unusual viewport/embed), reveal it anyway after a short delay
      setTimeout(() => el.classList.add('gk-in'), 2500);
    });
  }

  // form submit (demo only — connect to KazGBC CRM / mail backend in production)
  const form = document.getElementById('gk-form');
  form.addEventListener('submit', function(e){
    e.preventDefault();
    document.getElementById('gk-form-msg').classList.add('gk-show');
    form.reset();
  });
</script>