/* ==========================================================================
   Indiott lead magnet — buyer's guide landing page + inline CTA
   Loaded only on /iot-sensor-buyers-guide/ and the six SEO buying guides.
   Uses the child theme's tokens (--ink, --signal, --steel-*, --font-mono).
   ========================================================================== */

/* ---------- Hero ---------- */
.ind-lm-hero{position:relative;overflow:hidden;background:var(--ink-deep,#16173a);color:#fff;padding:112px 0 76px}
.ind-lm-hero .ind-herobg{position:absolute;inset:0;opacity:.5}
.ind-lm-hero__inner{position:relative;z-index:2}

.ind-lm-crumb{font-family:var(--font-mono);font-size:12px;color:#9aa2c4;margin-bottom:30px}
.ind-lm-crumb a{color:#c3c9e6;text-decoration:none}
.ind-lm-crumb a:hover{color:var(--signal,#ee6124)}
.ind-lm-crumb span{opacity:.5;margin:0 7px}

.ind-lm-hero__cols{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}

.ind-lm-hero__kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal,#ee6124);margin:0 0 14px;font-weight:600}
.ind-lm-hero h1{color:#fff;font-size:clamp(2.1rem,4.4vw,3.35rem);line-height:1.06;letter-spacing:-.025em;margin:0 0 20px;max-width:16ch}
.ind-lm-hero__sub{color:#c3c9e6;font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.6;max-width:56ch;margin:0 0 26px}

.ind-lm-hero__points{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}
.ind-lm-hero__points li{position:relative;padding-left:24px;color:#d4d8ec;font-size:.98rem;line-height:1.45}
.ind-lm-hero__points li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--signal,#ee6124);border-radius:1px}

.ind-lm-hero__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0}
.ind-lm-hero__note{font-family:var(--font-mono);font-size:12px;color:#9aa2c4}

/* Document mock */
.ind-lm-hero__doc{display:flex;justify-content:center}
.ind-lm-doc{position:relative;width:100%;max-width:300px}
.ind-lm-doc__glow{position:absolute;inset:-40px -30px;background:radial-gradient(circle at 60% 35%,rgba(238,97,36,.34) 0%,rgba(238,97,36,0) 65%);pointer-events:none}
.ind-lm-doc__page{
  position:relative;display:flex;flex-direction:column;
  aspect-ratio:210/297;background:#1e2046;border:1px solid rgba(255,255,255,.14);
  padding:26px 22px;box-shadow:0 24px 60px rgba(0,0,0,.42);
  transform:rotate(-1.6deg);
}
.ind-lm-doc__tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal,#ee6124);margin-bottom:auto}
.ind-lm-doc__title{font-size:1.22rem;line-height:1.16;letter-spacing:-.02em;color:#fff;font-weight:600}
.ind-lm-doc__bar{display:block;width:44px;height:2px;background:var(--signal,#ee6124);margin:14px 0}
.ind-lm-doc__lines{display:grid;gap:6px;margin-bottom:auto}
.ind-lm-doc__lines i{display:block;height:4px;background:rgba(255,255,255,.13);border-radius:1px}
.ind-lm-doc__lines i:nth-child(2){width:88%}
.ind-lm-doc__lines i:nth-child(3){width:94%}
.ind-lm-doc__lines i:nth-child(4){width:72%}
.ind-lm-doc__lines i:nth-child(5){width:52%}
.ind-lm-doc__foot{font-size:.9rem;font-weight:600;color:#fff;letter-spacing:-.02em}
.ind-lm-doc__foot b{color:var(--signal,#ee6124)}

/* ---------- Body + form grid ---------- */
.ind-lm-main{padding:66px 0 72px;background:var(--paper,#f7f8f9)}
.ind-lm-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;align-items:start}

.ind-lm-body h2{font-size:clamp(1.45rem,2.4vw,1.9rem);letter-spacing:-.02em;margin:0 0 14px}
.ind-lm-body h2:not(:first-child){margin-top:44px}
.ind-lm-body h3{font-size:1.06rem;margin:0 0 6px;letter-spacing:-.005em}
.ind-lm-body p{font-size:1.02rem;line-height:1.65;color:var(--steel-700,#3e444b);max-width:70ch;margin:0 0 15px}
.ind-lm-body a{color:var(--signal-press,#b8431a);text-decoration:underline;text-decoration-color:var(--steel-300,#c6ccd2);text-underline-offset:2px}
.ind-lm-body a:hover{text-decoration-color:var(--signal,#ee6124)}

/* chapter list */
.ind-lm-chapters{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:0}
.ind-lm-chapters li{display:flex;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--steel-100,#e9ecef)}
.ind-lm-chapters li:first-child{border-top:1px solid var(--steel-100,#e9ecef)}
.ind-lm-chapters .n{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--signal-press,#b8431a);flex:none;width:26px}
.ind-lm-chapters .t{font-weight:600;font-size:1rem;flex:none}
.ind-lm-chapters .d{color:var(--steel-500,#7c8590);font-size:.94rem;line-height:1.4}

/* who it's for */
.ind-lm-who{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.ind-lm-who li{position:relative;padding-left:24px;font-size:.99rem;line-height:1.5;color:var(--steel-700,#3e444b)}
.ind-lm-who li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--signal,#ee6124);border-radius:1px}

/* pull quote / honesty block */
.ind-lm-note{background:#fff;border:1px solid var(--steel-100,#e9ecef);border-left:2px solid var(--signal,#ee6124);padding:20px 24px;margin:26px 0}
.ind-lm-note p{margin:0;font-size:.99rem;color:var(--steel-700,#3e444b)}
.ind-lm-note p + p{margin-top:10px}

/* FAQ */
.ind-lm-faq{margin-top:14px}
.ind-lm-faq details{border-bottom:1px solid var(--steel-100,#e9ecef);padding:16px 0}
.ind-lm-faq summary{font-weight:600;font-size:1.03rem;cursor:pointer;list-style:none;position:relative;padding-right:30px}
.ind-lm-faq summary::-webkit-details-marker{display:none}
.ind-lm-faq summary::after{content:"+";position:absolute;right:4px;top:-3px;font-family:var(--font-mono);color:var(--signal,#ee6124);font-size:1.3rem}
.ind-lm-faq details[open] summary::after{content:"\2013"}
.ind-lm-faq details p{margin:11px 0 0;font-size:.98rem}

/* ---------- Capture card ---------- */
.ind-lm-aside{position:sticky;top:104px}
.ind-lm-card{background:#fff;border:1px solid var(--steel-100,#e9ecef);border-top:2px solid var(--signal,#ee6124);padding:28px;box-shadow:0 1px 2px rgba(26,29,33,.06)}
.ind-lm-card__kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-press,#b8431a);font-weight:600;margin:0 0 8px}
.ind-lm-card__kicker--ok{color:#16a34a}
.ind-lm-card__title{font-size:1.3rem;letter-spacing:-.015em;margin:0 0 8px}
.ind-lm-card__note{font-size:.93rem;color:var(--steel-500,#7c8590);line-height:1.5;margin:0 0 20px}

.ind-lm-form{margin:0}
.ind-lm-field{margin:0 0 14px}
.ind-lm-field label{display:block;font-size:.87rem;font-weight:600;margin-bottom:6px;color:var(--ink,#232458)}
.ind-lm-req{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel-500,#7c8590);font-weight:400;margin-left:5px}
.ind-lm-field input{
  width:100%;padding:11px 13px;font-family:inherit;font-size:.98rem;color:var(--ink,#232458);
  background:#fbfbfc;border:1px solid var(--steel-300,#c6ccd2);border-radius:var(--r,2px);
  transition:border-color .16s ease,background .16s ease;
}
.ind-lm-field input:focus{outline:none;border-color:var(--signal,#ee6124);background:#fff;box-shadow:0 0 0 3px rgba(238,97,36,.12)}

/* honeypot */
.ind-lm-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.ind-lm-consent{margin:18px 0 6px;padding:14px;background:var(--paper,#f7f8f9);border:1px solid var(--steel-100,#e9ecef)}
.ind-lm-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.ind-lm-consent input[type=checkbox]{margin:2px 0 0;flex:none;width:16px;height:16px;accent-color:var(--signal,#ee6124)}
.ind-lm-consent label span{font-size:.9rem;line-height:1.45;color:var(--steel-700,#3e444b)}
.ind-lm-consent__note{display:block;margin-top:8px;padding-left:26px;font-size:.8rem;line-height:1.45;color:var(--steel-500,#7c8590)}

.ind-lm-submit{width:100%;margin-top:16px;justify-content:center;text-align:center}
.ind-lm-legal{font-size:.79rem;line-height:1.5;color:var(--steel-500,#7c8590);margin:14px 0 0}
.ind-lm-legal a{color:var(--signal-press,#b8431a)}

.ind-lm-err{
  background:#fef2f2;border:1px solid #fecaca;border-left:2px solid #dc2626;
  padding:11px 14px;font-size:.9rem;color:#991b1b;margin:0 0 16px;line-height:1.45;
}

.ind-lm-card__dl{width:100%;justify-content:center;text-align:center;margin:0}
.ind-lm-card__next{margin-top:22px;padding-top:20px;border-top:1px solid var(--steel-100,#e9ecef)}
.ind-lm-card__next p{font-size:.92rem;line-height:1.5;color:var(--steel-700,#3e444b);margin:0}
.ind-lm-card__contact{margin-top:8px!important;font-family:var(--font-mono);font-size:.86rem}
.ind-lm-card__contact a{color:var(--signal-press,#b8431a);text-decoration:none}
.ind-lm-card__contact a:hover{text-decoration:underline}
.ind-lm-card__contact span{color:var(--steel-300,#c6ccd2);margin:0 6px}

/* ---------- Closing band ---------- */
.ind-lm-close{background:var(--ink,#232458);color:#fff;padding:70px 0}
.ind-lm-close__inner{text-align:center}
.ind-lm-close h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.05rem);letter-spacing:-.02em;margin:0 auto 14px;max-width:22ch}
.ind-lm-close p{color:#c7cbdd;font-size:1.02rem;line-height:1.6;max-width:62ch;margin:0 auto}
.ind-lm-close__row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px!important}
.ind-lm-close .ind-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.32)}
.ind-lm-close .ind-btn--ghost:hover{border-color:var(--signal,#ee6124);background:rgba(238,97,36,.12)}

/* ==========================================================================
   Inline CTA injected into the six SEO buying guides
   ========================================================================== */
.ind-lm-inline{background:var(--ink,#232458);padding:44px 0}
.ind-lm-inline__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:32px;align-items:center}

.ind-lm-inline__doc{position:relative;width:76px;height:100px;flex:none;background:#1e2046;border:1px solid rgba(255,255,255,.16);padding:12px 10px;display:flex;flex-direction:column;justify-content:space-between}
.ind-lm-inline__doc-tag{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--signal,#ee6124);font-weight:600}
.ind-lm-inline__doc-lines{display:grid;gap:5px}
.ind-lm-inline__doc-lines i{display:block;height:3px;background:rgba(255,255,255,.16);border-radius:1px}
.ind-lm-inline__doc-lines i:nth-child(2){width:82%}
.ind-lm-inline__doc-lines i:nth-child(3){width:92%}
.ind-lm-inline__doc-lines i:nth-child(4){width:60%}

.ind-lm-inline__kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal,#ee6124);font-weight:600;margin:0 0 8px!important}
.ind-lm-inline__title{color:#fff!important;font-size:1.28rem!important;letter-spacing:-.018em;margin:0 0 8px!important;line-height:1.2}
.ind-lm-inline__desc{color:#c7cbdd!important;font-size:.95rem!important;line-height:1.55;margin:0!important;max-width:64ch}

.ind-lm-inline__cta{display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex:none}
.ind-lm-inline__cta .ind-btn{white-space:nowrap}
.ind-lm-inline__note{font-family:var(--font-mono);font-size:11px;color:#8f97b8}

/* the location template underlines every <a> in body copy; the CTA button must not inherit that */
.ind-location .ind-lm-inline a.ind-btn{text-decoration:none;color:#fff}

/* ---------- Responsive ---------- */
@media(max-width:1024px){
  .ind-lm-grid{grid-template-columns:1fr;gap:40px}
  .ind-lm-aside{position:static;order:-1}
  .ind-lm-hero__cols{grid-template-columns:1fr;gap:40px}
  .ind-lm-hero__doc{display:none}
}
@media(max-width:860px){
  .ind-lm-inline__inner{grid-template-columns:1fr;gap:20px;text-align:left}
  .ind-lm-inline__doc{display:none}
  .ind-lm-inline__cta{align-items:stretch}
  .ind-lm-inline__cta .ind-btn{text-align:center;justify-content:center}
}
@media(max-width:720px){
  .ind-lm-hero{padding:92px 0 58px}
  .ind-lm-who{grid-template-columns:1fr}
  .ind-lm-card{padding:22px}
  .ind-lm-chapters li{flex-wrap:wrap;gap:8px 14px}
}