:root{--bg:#080a0c;--panel:#101419;--panel2:#151a1f;--text:#f4f4f2;--muted:#a9afb4;--orange:#f47b20;--line:#272d32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;background:linear-gradient(180deg,rgba(31,29,28,.99) 0%,rgba(24,23,22,.99) 58%,rgba(18,18,17,.99) 100%);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.28)}.nav-wrap{max-width:1280px;margin:auto;height:124px;display:flex;align-items:center;gap:34px;padding:0 28px}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;white-space:nowrap;flex:0 0 auto}.brand-logo{display:block;width:112px;height:112px;object-fit:cover;border-radius:0;box-shadow:none;mix-blend-mode:screen;filter:drop-shadow(0 7px 5px rgba(0,0,0,.62)) drop-shadow(0 0 12px rgba(0,0,0,.22))}.nav{display:flex;gap:28px;margin-left:8px}.nav a{color:#ddd;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.8px}.nav a:hover{color:var(--orange)}.header-tools{display:flex;align-items:center;gap:14px;margin-left:auto}.lang{font-size:12px;font-weight:800;white-space:nowrap}.icon-btn{background:none;border:0;color:#ddd;font-size:19px;line-height:1;cursor:pointer;padding:4px}.icon-btn:hover{color:var(--orange)}.lang-btn{background:none;border:0;color:#aaa;padding:4px;cursor:pointer;font-weight:800}.lang-btn.active{color:var(--orange)}.hero{height:760px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28) 60%,rgba(0,0,0,.48)),linear-gradient(0deg,rgba(8,10,12,.85),transparent 45%)}.hero-content{position:relative;z-index:2;max-width:1280px;width:100%;margin:auto;padding:165px 28px 60px}.hero-content.en-center{text-align:center}.hero-content.en-center p{margin-left:auto;margin-right:auto}.hero-content.en-center .btn{margin-left:auto;margin-right:auto}.eyebrow{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:2px;margin:0 0 12px}.hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:0 0 20px;letter-spacing:-2px}.hero p{font-size:18px;color:#ddd;max-width:560px;margin-bottom:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #4b5359;background:transparent;color:#fff;text-decoration:none;padding:13px 20px;font-size:12px;font-weight:900;letter-spacing:.7px;cursor:pointer}.btn.primary{background:var(--orange);border-color:var(--orange);color:#090a0b}.btn.outline:hover,.btn.primary:hover{transform:translateY(-1px)}.section{max-width:1280px;margin:auto;padding:90px 28px}.section-head{margin-bottom:34px}.section-head h2{font-size:38px;margin:0 0 8px;letter-spacing:-1px}.section-head>p:not(.eyebrow){color:var(--muted);margin:0}.condition-box{border:1px solid var(--line);background:var(--panel);padding:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.condition-box strong{display:block;font-size:11px;letter-spacing:1px;margin-bottom:10px}.condition-box input{width:100%;background:#080a0c;border:1px solid #394047;color:#fff;padding:14px;margin-bottom:12px}.condition-box .btn{margin-right:8px}.condition-data{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.condition-data span{color:var(--muted);font-size:10px;letter-spacing:1px}.condition-data b{font-size:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden}.card img{width:100%;height:310px;object-fit:cover;display:block;background:#181d22}.card-body{padding:20px}.card h3{font-size:16px;line-height:1.2;margin:0 0 10px}.card p{font-size:13px;color:var(--muted);min-height:40px}.text-btn{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.7px;text-decoration:none}.center{text-align:center;margin-top:36px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-grid article{background:var(--panel);border:1px solid var(--line)}.article-image{height:240px;background-size:cover;background-position:center}.img1{background-image:url('guide-5.png')}.img2{background-image:url('knot-gr.png')}.img3{background-image:url('guide-4.png')}.article-body{padding:20px}.article-body span{font-size:9px;color:var(--orange);font-weight:900;letter-spacing:1.3px}.article-body h3{font-size:20px;line-height:1.15;margin:9px 0}.article-body p{color:var(--muted);font-size:13px}.knowledge{min-height:500px;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.35)),url('guide-6.png') center/cover;display:flex;align-items:center}.knowledge-inner{max-width:1280px;width:100%;margin:auto;padding:80px 28px}.knowledge h2{font-size:54px;margin:0 0 14px}.knowledge p{max-width:620px;color:#ddd;margin-bottom:28px}.newsletter-box{background:var(--panel);border:1px solid var(--line);padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.newsletter h2{margin:0 0 8px}.newsletter-form{display:flex;flex-direction:column;gap:10px;justify-content:center}.newsletter-form input{padding:14px;background:#080a0c;border:1px solid #3a4248;color:#fff}.newsletter-form small{color:#747b80}footer{border-top:1px solid var(--line);padding:35px 28px;background:#060708}.footer-inner{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{font-size:10px;letter-spacing:1.4px;color:#8e9498}@media(max-width:900px){.nav{display:none}.nav-wrap{height:92px}.brand-logo{width:82px;height:82px}.header-tools{margin-left:auto}.grid,.article-grid{grid-template-columns:repeat(2,1fr)}.condition-box,.newsletter-box{grid-template-columns:1fr}.hero{height:680px}.hero h1{font-size:48px}}@media(max-width:600px){.nav-wrap{padding:0 16px}.brand-logo{width:78px;height:78px}.brand{font-size:13px}.section{padding:65px 16px}.grid,.article-grid{grid-template-columns:1fr}.card img{height:390px}.hero-content{padding:120px 16px 40px}.hero h1{font-size:42px}.condition-data{grid-template-columns:repeat(3,1fr)}.knowledge h2{font-size:40px}.footer-inner{flex-direction:column;align-items:flex-start}}

/* Integrated Fishing Conditions */
.conditions .kf-conditions{max-width:1000px;margin:0 auto;padding:10px 0 20px;background:transparent;}
.conditions .kf-title,.conditions .kf-subtitle{display:none;}
@media(max-width:700px){.conditions .kf-conditions{padding:0 0 15px;}}


/* HERO — desktop 16:9 video frame; mobile remains unchanged */
@media(min-width:901px){.hero{height:56.25vw}}

/* WHY KNOTFORCE */
.why-kf{width:100%;max-width:none;margin:0;padding:28px 0 72px;background:#05080a;overflow:hidden}
.why-kf-hero{min-height:445px;position:relative;background-image:linear-gradient(90deg,rgba(3,6,8,.96) 0%,rgba(3,6,8,.82) 38%,rgba(3,6,8,.18) 72%,rgba(3,6,8,.34) 100%),linear-gradient(0deg,rgba(3,6,8,.72),rgba(3,6,8,.05) 55%),url('why-hero.jpg');background-size:cover;background-position:center;display:flex;align-items:center}
.why-kf-copy{width:58%;padding:54px 36px 42px;position:relative;z-index:2}
.why-kf-kicker{display:flex;align-items:center;gap:13px;color:#e8e8e8;font-size:11px;font-weight:900;letter-spacing:2.1px;margin-bottom:12px}.why-kf-kicker span,.why-kf-motto span{display:block;width:46px;height:2px;background:var(--orange);flex:0 0 auto}.why-kf-kicker em{font-style:normal}
.why-kf h2{margin:0 0 14px;line-height:.88;letter-spacing:-2px}.why-kf h2 span{display:block;color:#f4f4f2;font-size:clamp(54px,5.2vw,76px)}.why-kf h2 strong{display:block;color:var(--orange);font-size:clamp(54px,5.2vw,76px)}
.why-kf-copy p{max-width:610px;color:#eee;font-size:15px;line-height:1.38;margin:0 0 12px}.why-kf-copy p b{font-weight:900}.why-kf-motto{display:flex;align-items:center;gap:13px;margin-top:22px;color:#eee;font-size:10px;font-weight:900;letter-spacing:2.3px}.why-kf-motto span{width:48px}
.why-kf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
.why-card{position:relative;min-height:360px;border:1px solid #2a3034;overflow:hidden;background-color:#0a0e11;background-size:cover;background-position:center}.why-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.20) 30%,rgba(0,0,0,.92) 82%,rgba(0,0,0,.98) 100%)}.why-card-1{background-image:url('why-card-1.jpg')}.why-card-2{background-image:url('why-card-2.jpg')}.why-card-3{background-image:url('why-card-3.jpg')}
.why-card-number{display:none}.why-card-content{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.why-card-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid #f5f5f5;color:var(--orange);font-size:24px;margin-bottom:12px;background:rgba(0,0,0,.24)}.why-card h3{font-size:19px;line-height:1.05;margin:0 0 9px;color:#fff}.why-card-line{display:block;width:48px;height:3px;background:var(--orange);margin-bottom:14px}.why-card p{font-size:12.5px;line-height:1.38;color:#eee;margin:0;max-width:410px}
.why-kf-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr auto;gap:0;margin-top:22px;align-items:center}.why-kf-footer>div{min-height:48px;padding:0 18px;border-right:1px solid #394047;display:flex;flex-direction:column;justify-content:center}.why-kf-footer>div:first-child{padding-left:0}.why-kf-footer b{font-size:10px;letter-spacing:.2px;color:#fff}.why-kf-footer span{font-size:9px;color:#a9afb4;margin-top:3px}.why-signoff{padding-left:20px;color:#f2f2f2;font-size:14px;font-style:italic;line-height:1.02;letter-spacing:1px}
@media(min-width:901px){.why-kf-hero{background-image:linear-gradient(90deg,rgba(3,6,8,.90) 0%,rgba(3,6,8,.66) 34%,rgba(3,6,8,.10) 70%,rgba(3,6,8,.16) 100%),linear-gradient(0deg,rgba(3,6,8,.62),rgba(3,6,8,.02) 58%),url('why-hero-new.jpg')}.why-kf-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,6,8,1) 0%,rgba(3,6,8,.90) 30%,rgba(3,6,8,.28) 52%,rgba(3,6,8,0) 64%)}.why-kf-footer{padding:0 26px}.why-kf-footer>div:first-child{padding-left:0}}
@media(max-width:900px){.why-kf{padding:22px 0 60px}.why-kf-hero{min-height:500px;background-position:60% center}.why-kf-copy{width:72%;padding:52px 24px 36px}.why-kf-cards{grid-template-columns:1fr;gap:14px}.why-card{min-height:330px}.why-kf-footer{grid-template-columns:1fr 1fr;row-gap:14px}.why-kf-footer>div{border-right:0;border-left:1px solid #394047}.why-kf-footer>div:first-child{border-left:0;padding-left:0}.why-signoff{grid-column:2;justify-self:end}}
@media(max-width:600px){.why-kf{padding:16px 0 48px}.why-kf-hero{min-height:570px;background-position:64% center}.why-kf-copy{width:100%;padding:34px 18px 30px;background:linear-gradient(90deg,rgba(3,6,8,.96),rgba(3,6,8,.72) 72%,rgba(3,6,8,.25))}.why-kf-kicker{font-size:9px;letter-spacing:1.5px;gap:8px}.why-kf-kicker span{width:34px}.why-kf h2{letter-spacing:-1.5px}.why-kf h2 span,.why-kf h2 strong{font-size:52px}.why-kf-copy p{font-size:14px;line-height:1.42}.why-kf-motto{font-size:9px;letter-spacing:1.6px;gap:8px}.why-kf-motto span{width:32px}.why-card{min-height:360px}.why-card-content{left:18px;right:18px;bottom:18px}.why-card-number{display:none}.why-card h3{font-size:18px}.why-card p{font-size:12.5px}.why-kf-footer{grid-template-columns:1fr;gap:0;margin-top:16px}.why-kf-footer>div,.why-kf-footer>div:first-child{border-left:0;border-bottom:1px solid #2d3338;padding:11px 0;min-height:0}.why-signoff{grid-column:auto;justify-self:start;padding:16px 0 0}}


/* =========================================================
   KNOTFORCE PREMIUM FREE GUIDES
   Scoped only to #guides — previous sections remain untouched.
   ========================================================= */
.guides-premium{
  width:100%;
  max-width:none;
  margin:0;
  padding:92px 28px 104px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.025),transparent 42%),
    linear-gradient(180deg,#080b0e 0%,#0d1115 50%,#080a0c 100%);
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.045);
}
.guides-premium::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(244,123,32,.035),transparent 18%,transparent 82%,rgba(244,123,32,.035)),
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 100%);
}
.guides-premium-head{
  position:relative;
  z-index:2;
  max-width:980px;
  margin:0 auto 42px;
  text-align:center;
}
.guides-premium-head .eyebrow{
  margin-bottom:8px;
  font-size:10px;
  letter-spacing:2.8px;
}
.guides-premium-head h2{
  margin:0 0 7px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:1.5px;
}
.guides-premium-head>p:not(.eyebrow){
  margin:0;
  color:#8f979d;
  font-size:13px;
  letter-spacing:.25px;
}
.guides-premium-stage{
  position:relative;
  z-index:2;
  width:min(1540px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:start;
  padding:10px 20px 0;
}
.guide-premium-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  transform-origin:center bottom;
  transition:transform .28s ease,filter .28s ease;
}
.guide-premium-card.guide-side-left{transform:perspective(1400px) rotateY(4deg) rotateZ(-2.2deg);}
.guide-premium-card.guide-center{transform:perspective(1400px) translateY(-8px) scale(1.025);z-index:3;}
.guide-premium-card.guide-side-right{transform:perspective(1400px) rotateY(-4deg) rotateZ(2.2deg);}
.guide-premium-card:hover{filter:brightness(1.035);}
.guide-premium-card.guide-side-left:hover{transform:perspective(1400px) rotateY(2deg) rotateZ(-1.2deg) translateY(-5px);}
.guide-premium-card.guide-center:hover{transform:perspective(1400px) translateY(-12px) scale(1.035);}
.guide-premium-card.guide-side-right:hover{transform:perspective(1400px) rotateY(-2deg) rotateZ(1.2deg) translateY(-5px);}
.guide-cover-frame{
  width:100%;
  max-width:430px;
  aspect-ratio:2/3;
  overflow:hidden;
  background:#07090b;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 52px rgba(0,0,0,.48),0 0 0 1px rgba(244,123,32,.045);
}
.guide-cover-frame img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.guide-download{
  margin-top:18px;
  color:var(--orange);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.25px;
  padding:8px 4px;
  border-bottom:1px solid rgba(244,123,32,.55);
  transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.guide-download:hover{color:#fff;border-color:#fff;transform:translateY(-1px)}
.guides-premium-stage .guide-premium-card[data-guide-lang="en"]{display:none}
.guides-premium-stage[data-active-lang="en"] .guide-premium-card[data-guide-lang="gr"]{display:none}
.guides-premium-stage[data-active-lang="en"] .guide-premium-card[data-guide-lang="en"]{display:flex}
.guides-premium-stage[data-active-lang="gr"] .guide-premium-card[data-guide-lang="gr"]{display:flex}
.guides-premium-stage[data-active-lang="gr"] .guide-premium-card[data-guide-lang="en"]{display:none}

@media(max-width:900px){
  .guides-premium{padding:76px 20px 88px;}
  .guides-premium-head{margin-bottom:32px;}
  .guides-premium-stage{width:min(620px,100%);grid-template-columns:1fr;gap:34px;padding:0 12px;}
  .guide-premium-card.guide-side-left,
  .guide-premium-card.guide-center,
  .guide-premium-card.guide-side-right{
    transform:none;
  }
  .guide-premium-card.guide-side-left:hover,
  .guide-premium-card.guide-center:hover,
  .guide-premium-card.guide-side-right:hover{transform:translateY(-3px) scale(1.005);}
  .guide-cover-frame{max-width:440px;}
}
@media(max-width:600px){
  .guides-premium{padding:64px 14px 76px;}
  .guides-premium-head h2{font-size:25px;letter-spacing:1px;}
  .guides-premium-head>p:not(.eyebrow){font-size:12px;}
  .guides-premium-stage{padding:0 8px;gap:30px;}
  .guide-download{margin-top:14px;font-size:10px;}
}


/* =========================================================
   FREE GUIDES — DESKTOP ONLY FINAL FIX
   Only desktop rules are overridden here.
   Hero / WHY KNOTFORCE / mobile remain untouched.
   ========================================================= */
@media(min-width:901px){
  .guides-premium{
    background:
      radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.035) 0%,rgba(255,255,255,.012) 34%,transparent 68%),
      radial-gradient(ellipse at 18% 58%,rgba(54,63,70,.12),transparent 42%),
      radial-gradient(ellipse at 82% 58%,rgba(54,63,70,.12),transparent 42%),
      linear-gradient(180deg,#090c0f 0%,#0d1115 50%,#080a0c 100%);
  }

  .guides-premium-stage{
    width:min(1180px,100%);
    gap:58px;
    padding:8px 20px 0;
  }

  .guide-cover-frame{
    max-width:300px;
    box-shadow:
      0 20px 44px rgba(0,0,0,.55),
      0 0 0 1px rgba(244,123,32,.04);
  }

  .guide-premium-card.guide-side-left{
    transform:perspective(1400px) rotateY(3deg) rotateZ(-1.5deg);
  }

  .guide-premium-card.guide-center{
    transform:perspective(1400px) translateY(-6px) scale(1.015);
  }

  .guide-premium-card.guide-side-right{
    transform:perspective(1400px) rotateY(-3deg) rotateZ(1.5deg);
  }

  .guide-premium-card.guide-side-left:hover{
    transform:perspective(1400px) rotateY(2deg) rotateZ(-1deg) translateY(-4px);
  }

  .guide-premium-card.guide-center:hover{
    transform:perspective(1400px) translateY(-10px) scale(1.025);
  }

  .guide-premium-card.guide-side-right:hover{
    transform:perspective(1400px) rotateY(-2deg) rotateZ(1deg) translateY(-4px);
  }

  .guide-download{
    margin-top:15px;
  }
}

/* =========================================================
   FREE GUIDES — DESKTOP BACKGROUND DEPTH / PREMIUM ATMOSPHERE
   DESKTOP ONLY. No other section or mobile rules are touched.
   ========================================================= */
@media(min-width:901px){
  .guides-premium{
    position:relative;
    isolation:isolate;
    background:#080b0e;
  }

  /* Neutral photographic depth — no text, no logos, no bright sun */
  .guides-premium::after{
    content:"";
    position:absolute;
    inset:-42px;
    z-index:0;
    pointer-events:none;
    background:url('why-card-3.jpg') center 58% / cover no-repeat;
    filter:blur(18px) saturate(.55) brightness(.52);
    opacity:.58;
    transform:scale(1.08);
  }

  /* Deep cinematic veil over the background */
  .guides-premium::before{
    z-index:1;
    background:
      radial-gradient(
        ellipse at 50% 48%,
        rgba(255,255,255,.045) 0%,
        rgba(255,255,255,.012) 34%,
        rgba(0,0,0,.28) 72%,
        rgba(0,0,0,.70) 100%
      ),
      linear-gradient(
        90deg,
        rgba(3,6,8,.72) 0%,
        rgba(3,6,8,.28) 24%,
        rgba(3,6,8,.18) 50%,
        rgba(3,6,8,.30) 76%,
        rgba(3,6,8,.76) 100%
      ),
      linear-gradient(
        180deg,
        rgba(3,6,8,.78) 0%,
        rgba(3,6,8,.16) 34%,
        rgba(3,6,8,.22) 62%,
        rgba(3,6,8,.84) 100%
      );
  }

  /* Subtle shadow field behind the three covers — creates separation
     from the background without adding another visible object. */
  .guides-premium-stage::before{
    content:"";
    position:absolute;
    left:6%;
    right:6%;
    bottom:4%;
    height:34%;
    z-index:-1;
    pointer-events:none;
    background:radial-gradient(
      ellipse at center,
      rgba(0,0,0,.72) 0%,
      rgba(0,0,0,.38) 42%,
      transparent 76%
    );
    filter:blur(22px);
  }

  .guide-premium-card{
    position:relative;
  }

  .guide-premium-card.guide-side-left{
    transform:perspective(1400px) rotateY(5deg) rotateZ(-2deg);
  }

  .guide-premium-card.guide-center{
    transform:perspective(1400px) translateY(-8px) scale(1.015);
  }

  .guide-premium-card.guide-side-right{
    transform:perspective(1400px) rotateY(-5deg) rotateZ(2deg);
  }

  .guide-cover-frame{
    box-shadow:
      0 28px 54px rgba(0,0,0,.68),
      0 7px 18px rgba(0,0,0,.42),
      0 0 0 1px rgba(244,123,32,.045);
  }
}

/* =========================================================
   ARTICLES SHOWCASE — isolated section only
   Does not alter any previous section.
   ========================================================= */
.articles-showcase{
  position:relative;
  width:100%;
  overflow:hidden;
  color:var(--text);
  background:#060809 url('articles/articles-bg.jpg') center/cover no-repeat;
  border-top:1px solid rgba(255,255,255,.025);
  border-bottom:1px solid rgba(255,255,255,.025);
}
.articles-showcase::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 76% 28%,rgba(244,123,32,.13) 0%,rgba(244,123,32,.035) 22%,transparent 45%),
    linear-gradient(180deg,rgba(2,4,5,.46) 0%,rgba(2,4,5,.30) 35%,rgba(2,4,5,.74) 100%),
    linear-gradient(90deg,rgba(2,4,5,.74) 0%,rgba(2,4,5,.16) 45%,rgba(2,4,5,.34) 100%);
}
.articles-showcase-inner{
  position:relative;
  z-index:1;
  max-width:1400px;
  margin:0 auto;
  padding:86px 54px 78px;
}
.articles-showcase-head{
  text-align:center;
  margin:0 auto 48px;
}
.articles-showcase-kicker{
  margin:0 0 12px;
  color:var(--orange);
  font-size:11px;
  font-weight:900;
  letter-spacing:3px;
  line-height:1;
}
.articles-showcase-head h2{
  margin:0;
  font-size:clamp(40px,4.2vw,58px);
  line-height:.98;
  letter-spacing:-1.8px;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 3px 18px rgba(0,0,0,.42);
}
.articles-showcase-head h2 span{color:#f4f4f2}
.articles-showcase-head h2 strong{color:var(--orange);font-weight:900}
.articles-showcase-rule{
  width:100%;
  max-width:480px;
  height:1px;
  margin:18px auto 17px;
  background:linear-gradient(90deg,transparent,#8a5a3a 35%,#f47b20 50%,#8a5a3a 65%,transparent);
  position:relative;
}
.articles-showcase-rule span{
  position:absolute;
  left:50%;
  top:-1px;
  transform:translateX(-50%);
  width:80px;
  height:3px;
  background:var(--orange);
}
.articles-showcase-intro{
  margin:0;
  color:#d4d7d9;
  font-size:15px;
  line-height:1.5;
  text-shadow:0 2px 10px rgba(0,0,0,.55);
}
.articles-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
}
.article-showcase-card{
  min-width:0;
  overflow:hidden;
  background:rgba(7,10,12,.94);
  border:1px solid rgba(190,199,204,.34);
  border-radius:9px;
  box-shadow:0 22px 48px rgba(0,0,0,.58),0 2px 0 rgba(255,255,255,.025) inset;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.article-showcase-card:hover{
  transform:translateY(-4px);
  border-color:rgba(244,123,32,.62);
  box-shadow:0 28px 56px rgba(0,0,0,.64),0 0 0 1px rgba(244,123,32,.08);
}
.article-showcase-media{
  position:relative;
  aspect-ratio:1.55 / 1;
  overflow:hidden;
  background:#101418;
}
.article-showcase-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20));
}
.article-showcase-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.article-showcase-card:hover .article-showcase-media img{transform:scale(1.035)}
.article-showcase-body{
  min-height:235px;
  padding:18px 27px 22px;
  display:flex;
  flex-direction:column;
}
.article-showcase-category{
  display:block;
  margin:0 0 10px;
  color:var(--orange);
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
  line-height:1.2;
}
.article-showcase-body h3{
  margin:0 0 12px;
  color:#f5f5f3;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.3px;
  font-weight:900;
  text-transform:uppercase;
}
.article-showcase-body p{
  margin:0;
  color:#bfc4c8;
  font-size:13.5px;
  line-height:1.48;
  max-width:370px;
}
.article-showcase-link{
  align-self:flex-start;
  margin-top:auto;
  padding-top:18px;
  color:var(--orange);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.2px;
  border-bottom:2px solid var(--orange);
  padding-bottom:6px;
  line-height:1;
}
.article-showcase-link:hover{color:#fff;border-color:#fff}
.articles-showcase-cta{
  display:flex;
  justify-content:center;
  margin-top:34px;
}
.articles-showcase-all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:320px;
  padding:15px 28px;
  border:1px solid var(--orange);
  border-radius:7px;
  color:var(--orange);
  background:rgba(4,6,7,.28);
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.articles-showcase-all:hover{
  background:var(--orange);
  color:#090a0b;
  transform:translateY(-1px);
}

@media(max-width:900px){
  .articles-showcase-inner{padding:72px 24px 68px}
  .articles-showcase-grid{grid-template-columns:1fr 1fr;gap:20px}
  .article-showcase-body{padding:17px 20px 20px;min-height:220px}
  .article-showcase-body h3{font-size:19px}
}
@media(max-width:600px){
  .articles-showcase-inner{padding:62px 16px 58px}
  .articles-showcase-head{margin-bottom:34px}
  .articles-showcase-kicker{font-size:9px;letter-spacing:2.2px}
  .articles-showcase-head h2{font-size:34px;letter-spacing:-1px}
  .articles-showcase-rule{margin:14px auto 13px}
  .articles-showcase-intro{font-size:12.5px}
  .articles-showcase-grid{grid-template-columns:1fr;gap:20px}
  .article-showcase-media{aspect-ratio:1.52 / 1}
  .article-showcase-body{min-height:0;padding:18px 20px 21px}
  .article-showcase-body h3{font-size:20px;line-height:1.08}
  .article-showcase-body p{font-size:13px}
  .article-showcase-link{margin-top:20px}
  .articles-showcase-cta{margin-top:28px}
  .articles-showcase-all{min-width:0;width:100%;padding:14px 18px}
}


/* =========================================================
   KNOTFORCE MEMBERS — isolated component
   Does not modify existing site sections.
   ========================================================= */
.kf-members-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:28px}.kf-members-modal.is-open{display:flex}.kf-members-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.kf-members-panel{position:relative;z-index:1;width:min(1120px,100%);max-height:calc(100vh - 56px);overflow:auto;background:#0b0e11;border:1px solid #30363b;box-shadow:0 30px 90px rgba(0,0,0,.65)}.kf-members-close{position:absolute;right:18px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#fff;font-size:28px;line-height:1;cursor:pointer;z-index:3}.kf-members-close:hover{color:var(--orange);border-color:var(--orange)}.kf-members-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:58px 58px 44px;background:radial-gradient(circle at 85% 10%,rgba(244,123,32,.13),transparent 30%),linear-gradient(135deg,#11161a,#090b0d 65%)}.kf-members-copy{display:flex;flex-direction:column;justify-content:center}.kf-members-eyebrow,.kf-members-signup-kicker{margin:0 0 12px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:2px}.kf-members-copy h2{margin:0 0 18px;font-size:clamp(38px,5vw,64px);line-height:.96;letter-spacing:-2px}.kf-members-copy h2 span{color:var(--orange)}.kf-members-lead{max-width:470px;margin:0;color:#b9c0c5;font-size:15px;line-height:1.75}.kf-members-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kf-member-benefit{display:flex;gap:16px;padding:20px;background:rgba(255,255,255,.025);border:1px solid #252b30;min-height:132px}.kf-member-icon{flex:0 0 auto;color:var(--orange);font-size:11px;font-weight:900;letter-spacing:1px;padding-top:2px}.kf-member-benefit h3{margin:0 0 7px;font-size:12px;letter-spacing:.8px;color:#fff}.kf-member-benefit p{margin:0;color:#929aa0;font-size:12px;line-height:1.55}.kf-members-signup{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 58px;background:#11161a;border-top:1px solid #292f34}.kf-members-signup h3{margin:0 0 5px;font-size:22px}.kf-members-signup p{margin:0;color:#858e95;font-size:12px;max-width:640px}.kf-members-cta{flex:0 0 auto;border:0;background:var(--orange);color:#090a0b;padding:15px 22px;font-size:11px;font-weight:900;letter-spacing:.7px;cursor:pointer}.kf-members-cta:hover{background:#ff8b1f;transform:translateY(-1px)}.kf-members-footnote{margin:0;padding:0 58px 24px;background:#11161a;color:#667078;font-size:10px;line-height:1.5}.kf-members-modal.is-open~*{ }
@media(max-width:800px){.kf-members-modal{padding:12px}.kf-members-panel{max-height:calc(100vh - 24px)}.kf-members-hero{grid-template-columns:1fr;gap:28px;padding:44px 24px 28px}.kf-members-copy h2{font-size:42px}.kf-members-benefits{grid-template-columns:1fr}.kf-member-benefit{min-height:auto}.kf-members-signup{align-items:stretch;flex-direction:column;padding:24px}.kf-members-cta{width:100%}.kf-members-footnote{padding:0 24px 22px}}

/* HOME MEMBERS ENTRY — isolated component */
.members-home{min-height:560px;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.48) 55%,rgba(0,0,0,.72)),url('guide-6.png') center/cover;display:flex;align-items:center;overflow:hidden}
.members-home-inner{width:min(1120px,100%);margin:auto;padding:86px 28px 72px}
.members-home-head{max-width:760px;margin-bottom:38px}
.members-home-head h2{font-size:clamp(42px,5vw,68px);line-height:.98;margin:0 0 16px;letter-spacing:-2px}
.members-home-head>p:not(.eyebrow){max-width:650px;color:#d5d9dc;font-size:16px;margin:0}
.members-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.members-home-card{position:relative;padding:30px;background:rgba(10,13,16,.82);border:1px solid #30373c;backdrop-filter:blur(4px);min-height:245px;display:flex;flex-direction:column;align-items:flex-start}
.members-home-card-accent{background:rgba(15,18,21,.88)}
.members-home-number{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:1.5px;margin-bottom:20px}
.members-home-card h3{font-size:20px;line-height:1.1;margin:0 0 12px;letter-spacing:.2px}
.members-home-card p{color:#aeb5ba;font-size:13px;line-height:1.65;max-width:500px;margin:0 0 24px}
.members-home-btn{margin-top:auto;border:0;background:var(--orange);color:#090a0b;padding:14px 20px;font-size:11px;font-weight:900;letter-spacing:.7px;cursor:pointer;text-decoration:none;display:inline-block}
.members-home-btn:hover{background:#ff8b1f;transform:translateY(-1px)}
.members-home-motto{margin-top:34px;text-align:center;color:#d9dde0;font-size:12px;font-weight:900;letter-spacing:3px}
@media(max-width:800px){.members-home{min-height:auto}.members-home-inner{padding:68px 24px 58px}.members-home-grid{grid-template-columns:1fr}.members-home-card{min-height:220px}.members-home-motto{line-height:1.6;letter-spacing:2px}}
@media(max-width:600px){.members-home-inner{padding:58px 16px 50px}.members-home-head h2{font-size:40px}.members-home-head>p:not(.eyebrow){font-size:14px}.members-home-card{padding:24px}.members-home-card h3{font-size:18px}.members-home-btn{width:100%}}


/* KNOTFORCE MEMBERS — mobile touch interaction fix only */
@media (max-width: 800px){
  .site-header{z-index:210;}
  .header-tools,.header-tools .icon-btn,.header-tools .lang-btn{position:relative;z-index:211;}
  .members-home-inner,.members-home-grid,.members-home-card{position:relative;z-index:2;}
  .members-home-btn{position:relative;z-index:5;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
  .kf-members-modal{z-index:300;}
  .kf-members-panel,.kf-members-close,.kf-members-cta{pointer-events:auto;}
}

/* =========================================================
   KNOTFORCE HOME CONTACT — final homepage section
   ========================================================= */
.home-contact{width:100%;max-width:none;margin:0;padding:92px 28px 104px;background:#05080a;border-top:1px solid var(--line)}
.home-contact-inner{max-width:1180px;margin:0 auto;min-height:330px;border:1px solid #2a3034;background:linear-gradient(100deg,#101419 0%,#0c1013 58%,#11100e 100%);display:grid;grid-template-columns:1.05fr .95fr;gap:60px;padding:56px 58px;align-items:center;position:relative;overflow:hidden}
.home-contact-inner::after{content:"";position:absolute;right:-90px;top:-130px;width:420px;height:420px;background:radial-gradient(circle,rgba(244,123,32,.14),transparent 66%);pointer-events:none}
.home-contact-copy,.home-contact-action{position:relative;z-index:1}
.home-contact-copy h2{font-size:clamp(48px,5.2vw,74px);line-height:.9;letter-spacing:-2px;margin:0 0 20px}
.home-contact-copy h2 span{color:var(--orange)}
.home-contact-copy>p:last-child{max-width:570px;color:#d6dadd;font-size:15px;line-height:1.55;margin:0}
.home-contact-action{border-left:1px solid #343a3f;padding-left:48px}
.home-contact-line{display:flex;align-items:center;gap:12px;color:#fff;font-size:11px;letter-spacing:2px;margin-bottom:16px}
.home-contact-line span{width:44px;height:2px;background:var(--orange);display:block}
.home-contact-action>p{color:var(--muted);font-size:14px;max-width:430px;margin:0 0 26px}
@media(max-width:900px){.home-contact-inner{grid-template-columns:1fr;gap:34px;padding:44px 36px}.home-contact-action{border-left:0;border-top:1px solid #343a3f;padding:30px 0 0}}
@media(max-width:600px){.home-contact{padding:55px 16px 70px}.home-contact-inner{padding:34px 22px;min-height:0}.home-contact-copy h2{font-size:48px;letter-spacing:-1.5px}.home-contact-copy>p:last-child{font-size:14px}.home-contact-action>p{font-size:13px}.home-contact .btn{width:100%}}

/* =========================================================
   KNOTFORCE FOOTER — LEGAL / NAVIGATION
   ========================================================= */
.site-footer{width:100%;background:#070a0c;border-top:1px solid #272d32}
.site-footer .footer-inner{max-width:1180px;margin:0 auto;padding:48px 28px 20px}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1.25fr;gap:60px;padding-bottom:38px}
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start}
.footer-brand{margin-bottom:16px}
.footer-motto{margin:0;color:#8d9499;font-size:10px;letter-spacing:2px}
.footer-column{display:flex;flex-direction:column;gap:11px}
.footer-heading{color:#f47b20;font-size:10px;font-weight:900;letter-spacing:2px;margin-bottom:5px}
.footer-column a{color:#aeb4b8;font-size:10px;letter-spacing:1.1px;text-decoration:none;transition:color .2s}
.footer-column a:hover{color:#fff}
.footer-bottom{border-top:1px solid #272d32;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#626a70;font-size:9px;letter-spacing:1px}
.footer-language{display:flex;align-items:center;gap:7px}
.footer-language .lang-btn{font-size:9px}
@media(max-width:700px){
 .site-footer .footer-inner{padding:38px 20px 18px}
 .footer-main{grid-template-columns:1fr 1fr;gap:34px 28px}
 .footer-brand-block{grid-column:1/-1}
 .footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}
}

/* Members modal actions */
.kf-members-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kf-members-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid var(--orange);color:var(--orange);text-decoration:none;font-size:11px;font-weight:900;letter-spacing:.7px;box-sizing:border-box}
.kf-members-login:hover{background:var(--orange);color:#090a0b}
@media(max-width:700px){.kf-members-actions{width:100%;flex-direction:column;align-items:stretch}.kf-members-login{width:100%}.kf-members-cta{width:100%}}