.guide-tunnel-page{
  min-height:100vh;
  padding:34px 0;
  background:
    linear-gradient(rgba(8,42,29,.36),rgba(8,42,29,.52)),
    url('../uploads/hero.webp') center/cover fixed;
}

.guide-tunnel-card{
  position:relative;
  width:min(760px,50vw);
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.7);
  border-radius:30px;
  background:#fff;
  box-shadow:0 30px 90px rgba(5,33,22,.42);
}
.guide-tunnel-shell{width:calc(100% - 56px);margin:0 auto}

.guide-tunnel-hero{
  position:relative;
  overflow:hidden;
  padding:26px 0 24px;
  background:linear-gradient(145deg,#f8fbf5 0%,#edf7e8 52%,#d9efce 100%);
}
.guide-tunnel-hero::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-220px;
  bottom:-290px;
  border:1px solid rgba(46,125,50,.18);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(46,125,50,.045),0 0 0 108px rgba(46,125,50,.035);
}
.guide-brand{position:relative;z-index:1;display:flex;justify-content:center;width:max-content;margin:0 auto 20px}
.guide-brand img{width:188px;height:auto;object-fit:contain}

.guide-hero-grid{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px;align-items:stretch;margin-top:38px}
.guide-eyebrow{display:inline-flex;color:var(--c-green);font-family:var(--ff-head);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.guide-hero-lead{max-width:690px;margin-bottom:24px;color:var(--t-body);font-size:1.04rem;line-height:1.72}

.guide-hero-visual{position:relative;z-index:1;width:100%;margin:0 auto;overflow:visible}
.guide-hero-visual::before{content:none}
.guide-hero-visual img{position:relative;display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:auto;overflow:visible;border-radius:14px;box-shadow:var(--sh-lg);object-fit:contain!important;object-position:center;background:#fff}

.guide-inline-form{width:100%;max-width:none;padding:22px;border:1px solid rgba(46,125,50,.18);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:var(--sh-md);backdrop-filter:blur(10px)}
.guide-field-row{display:grid;grid-template-columns:1fr;gap:12px}
.guide-field-row label{display:grid;gap:6px;color:var(--c-deep);font-size:.78rem;font-weight:700}
.guide-field-row input{width:100%;min-height:48px;padding:11px 14px;border:1px solid rgba(15,61,46,.24);border-radius:12px;background:#fff;color:var(--t-body);font:inherit}
.guide-field-row input:focus{outline:3px solid rgba(126,217,87,.35);border-color:var(--c-green)}
.guide-hp-field{display:none!important}
.guide-consent{display:flex;gap:9px;align-items:flex-start;margin:14px 0 4px;color:var(--t-muted);font-size:.78rem;line-height:1.5}
.guide-consent input{flex:0 0 auto;margin-top:3px}
.guide-consent.has-error{color:#a11b1b}
.guide-form-error{min-height:22px;margin:4px 0;color:#a11b1b;font-size:.82rem;font-weight:700}
.guide-inline-form .btn{border:0;cursor:pointer}
.guide-inline-form .btn[disabled]{cursor:wait;opacity:.72}
.guide-form-note{margin:9px 0 0;color:var(--t-muted);font-size:.75rem}

.guide-discovery{padding:32px 0 64px;background:#fff}
.guide-discovery-grid{display:flex;flex-direction:column;gap:42px;align-items:stretch}
.guide-mockup-wrap{margin:0;padding:22px;border-radius:30px;background:linear-gradient(150deg,#0f3d2e,#2e7d32);box-shadow:var(--sh-lg)}
.guide-mockup-wrap img{display:block;width:100%;height:auto;border-radius:18px;background:#fff}
.guide-discovery-copy h2{margin:12px 0 18px;color:var(--c-deep);font-size:clamp(.99rem,1.92vw,1.65rem);line-height:1.25}
.guide-discovery-copy>p{color:var(--t-body);line-height:1.75}
.guide-benefits{display:grid;gap:12px;margin:24px 0 28px;list-style:none}
.guide-benefits li{position:relative;padding-left:34px;color:var(--t-body);font-weight:600}
.guide-benefits li::before{content:"✓";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--c-pale);color:var(--c-green);font-weight:900;text-align:center;line-height:24px}

.guide-tunnel-footer{display:grid;justify-items:center;gap:8px;padding:34px 20px;background:var(--c-deep);color:rgba(255,255,255,.82);text-align:center;font-size:.82rem}
.guide-tunnel-footer>p:first-child{color:#fff;font-family:var(--ff-head);font-size:1rem;font-weight:800}
.guide-tunnel-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.guide-tunnel-footer a{color:var(--c-accent)}

.lgn-cfm-overlay{position:fixed;inset:0;z-index:100000;background:rgba(15,61,46,.55);display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto}
.lgn-cfm-frame{width:480px;max-width:100%;margin:auto;background:#0f3d2e;border-radius:24px;padding:7px;box-shadow:0 24px 60px rgba(0,0,0,.4);font-family:Lato,Arial,sans-serif}
.lgn-cfm-inner{background:#fff;border:2px solid #7ed957;border-radius:18px;overflow:hidden}
.lgn-cfm-head{text-align:center;padding:24px 24px 16px;background:linear-gradient(180deg,#0f3d2e 0%,#14503a 100%)}
.lgn-cfm-head img{width:150px;max-width:58%;height:auto;display:block;margin:0 auto}
.lgn-cfm-rule{width:80px;height:4px;background:#a8ff60;border-radius:3px;margin:12px auto 0}
.lgn-cfm-body{padding:24px 30px 28px;color:#243a30;font-size:15px;line-height:1.6}
.lgn-cfm-body p{margin:0 0 12px}
.lgn-cfm-lead{font-family:Montserrat,Arial,sans-serif;color:#11633a;font-size:18px;font-weight:800;text-align:center;margin:0 0 16px}
.lgn-cfm-sign{font-family:Montserrat,Arial,sans-serif;color:#11633a;font-weight:700}
.lgn-cfm-quiz{background:#f1f8e9;border:2px solid #7ed957;border-radius:16px;padding:18px 6px;margin:18px 0 6px;text-align:center}
.lgn-cfm-quiz p{margin:0 0 10px}
.lgn-cfm-ticks{color:#2e7d32;font-weight:700;line-height:1.9;margin:6px 0 0;display:inline-block;text-align:left}
.lgn-cfm-okwrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}
.lgn-cfm-ok{display:inline-block;padding:13px 46px;font-family:Montserrat,Arial,sans-serif;font-size:16px;font-weight:700;color:#fff;border:0;cursor:pointer;border-radius:12px;background:linear-gradient(180deg,#3fae45 0%,#2e7d32 100%);box-shadow:0 6px 16px rgba(46,125,50,.4)}
.lgn-cfm-back{display:inline-block;padding:9px 32px;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:600;color:#2e7d32;border:1px solid #a8ff60;cursor:pointer;border-radius:9px;background:#d4f5c4}

@media(max-width:1100px){
  .guide-tunnel-card{width:min(760px,72vw)}
}
@media(max-width:800px){
  .guide-tunnel-card{width:calc(100% - 28px)}
}
@media(max-width:600px){
  .guide-tunnel-page{padding:12px 0;background-attachment:scroll}
  .guide-tunnel-card{width:calc(100% - 20px);border-radius:20px}
  .guide-tunnel-shell{width:calc(100% - 28px)}
  .guide-tunnel-hero{padding:20px 0 22px}
  .guide-brand{margin-bottom:18px}
  .guide-brand img{width:164px}
  .guide-hero-grid{gap:24px;margin-top:28px}
  .guide-field-row{grid-template-columns:1fr}
  .guide-inline-form{padding:16px}
  .guide-discovery{padding:30px 0 44px}
  .guide-discovery-grid{gap:34px}
  .guide-mockup-wrap{padding:12px;border-radius:20px}
  .lgn-cfm-body{padding:22px 20px 24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}