/* Landing group: index, it-asset-tracking-software, it-asset-management-software-for-msps,
   medical-device-tracking-software, feature-comparison.
   Editorial and restrained: type hierarchy, hairline rules, left alignment, flat media. */

:root{--lp-rule:var(--border-soft);--lp-rule-strong:var(--ink-primary);}
.band-dark{--lp-rule:#262626;--lp-rule-strong:rgba(255,255,255,.5);}

/* ---------- Section head: heading left, intro right ---------- */
.lp-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px clamp(40px,6vw,96px);align-items:end;margin-bottom:clamp(40px,5vw,64px);}
.lp-head .h2{max-width:22ch;}
.lp-head .lead,.lp-head .body{color:var(--ink-muted);max-width:52ch;}
.band-dark .lp-head .h2{color:var(--ink-inverse);}
.band-dark .lp-head .lead,.band-dark .lp-head .body{color:rgba(255,255,255,.7);}
.lp-head-single{grid-template-columns:1fr;gap:16px;}
.lp-head-single .h2{max-width:26ch;}
@media (max-width:860px){ .lp-head{grid-template-columns:1fr;} }

/* ---------- Hero (shared split hero) ---------- */
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,72px);}
.lp-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px;}
.lp-hero-copy .h1{max-width:20ch;}
.lp-hero-copy .lead{color:rgba(255,255,255,.75);max-width:46ch;}
.lp-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:8px;}
.lp-hero-note{color:rgba(255,255,255,.6);font-size:15px;max-width:44ch;}
.lp-hero-media{display:flex;justify-content:center;align-items:center;}
.lp-hero-media img{width:100%;height:auto;}
.lp-hero-media.lp-hero-media-sm img{max-width:440px;}
@media (min-width:901px){ .lp-hero-media:not(.lp-hero-media-sm){justify-content:flex-start;} .lp-hero-media:not(.lp-hero-media-sm) img{width:112%;max-width:none;flex:none;} }
@media (max-width:900px){ .lp-hero-grid{grid-template-columns:1fr;} .lp-hero-media img{max-width:560px;} }

/* ---------- Trust bar ---------- */
.lp-trust{padding-block:40px 48px;border-top:1px solid #1c1c1c;}
.lp-trust-label{text-align:center;color:rgba(255,255,255,.55);font-size:15px;margin:0 auto 28px;max-width:60ch;}
.lp-trust-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px clamp(32px,5vw,64px);}
.lp-trust-logos img{width:auto;opacity:.8;}
.lp-trust-logos .lp-h20{height:20px;} .lp-trust-logos .lp-h22{height:22px;}
.lp-trust-logos .lp-h26{height:26px;} .lp-trust-logos .lp-h30{height:30px;}
.lp-blend{mix-blend-mode:screen;}
.lp-rounded{border-radius:4px;}
@media (max-width:600px){ .lp-trust-logos{gap:22px 28px;} }

/* ---------- Ruled columns (replaces boxed card grids) ---------- */
.lp-cols{display:grid;gap:40px clamp(28px,4vw,56px);}
.lp-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lp-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.lp-col{border-top:1px solid var(--lp-rule-strong);padding-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;}
.lp-col .body{color:var(--ink-muted);}
.band-dark .lp-col .body{color:rgba(255,255,255,.72);}
.lp-col .read-more{margin-top:auto;}
.lp-col .label{color:var(--ink-muted);text-align:left;}
.lp-col .tag{color:var(--ink-muted);}
.lp-col .tag::before{display:none;}
.lp-col .icon-chip{margin-bottom:4px;}
.lp-hide{display:none !important;}
@media (max-width:860px){ .lp-cols-3,.lp-cols-2{grid-template-columns:1fr;} }

/* ---------- Icon benefits strip (dark) ---------- */
.lp-benefits{padding-block:clamp(56px,6vw,80px);border-top:1px solid #1c1c1c;}
.lp-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:40px;}
.lp-benefit{display:flex;gap:18px;align-items:center;padding:4px clamp(20px,3vw,40px);}
.lp-benefit:first-child{padding-left:0;}
.lp-benefit + .lp-benefit{border-left:1px solid #2a2a2a;}
.lp-benefit .icon-chip{width:44px;height:44px;}
.lp-benefit .icon-chip img{width:44px;height:44px;}
.lp-benefit .lead{font-size:18px;line-height:1.45;}
.lp-benefits-note{text-align:center;font-style:italic;color:rgba(255,255,255,.6);max-width:56ch;margin:0 auto;}
@media (max-width:900px){
  .lp-benefit-grid{grid-template-columns:1fr;}
  .lp-benefit{padding:20px 0;}
  .lp-benefit + .lp-benefit{border-left:0;border-top:1px solid #2a2a2a;}
}

/* ---------- Success story cards (clickable, so they stay cards) ---------- */
.lp-stories{border-top:1px solid #1c1c1c;}
.lp-stories .story-card{min-height:440px;padding:24px;border-radius:var(--radius-xl);border-color:#262626;background-color:#0c0c0c;background-size:cover;background-position:center;background-repeat:no-repeat;transition:border-color .2s ease;}
.lp-stories .story-card:hover{border-color:#5a5a5a;}
.lp-stories .story-badge{top:24px;left:24px;padding:8px 12px;background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.3);display:flex;align-items:center;}
.lp-story-logo-20{height:20px;width:auto;} .lp-story-logo-18{height:18px;width:auto;}
.lp-stories .story-tag{background:none;border:0;border-radius:0;padding:0;color:var(--brand-orange);}
.lp-story-text{color:var(--ink-inverse);font-size:17px;line-height:1.55;}
.lp-story-btn{display:inline-block;color:var(--ink-inverse);font-family:var(--font-body);font-size:15px;font-weight:500;border-bottom:1.5px solid var(--brand-orange);padding-bottom:2px;transition:color .15s ease;}
.story-card:hover .lp-story-btn{color:var(--brand-orange);}
.lp-story-omnia{background-image:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.9) 70%),url('../images/shared/stories/education-idr.jpg');}
.lp-story-fsecure{background-image:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.9) 70%),url('../images/shared/stories/idr-blg.jpg');}
.lp-story-cor{background-image:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 30%,rgba(0,0,0,.9) 70%),url('../images/shared/stories/idr-finance.jpg');}
@media (max-width:860px){ .lp-stories .story-card{min-height:380px;} }

/* ---------- Why IDR (homepage): lead item + ruled list ---------- */
.lp-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px clamp(40px,6vw,96px);align-items:start;}
.lp-why-main{border-top:1px solid var(--lp-rule-strong);padding-top:28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
.lp-why-main .h3{font-size:clamp(26px,2.8vw,34px);font-weight:300;line-height:1.2;}
.lp-why-main .body{color:var(--ink-muted);font-size:17px;max-width:46ch;}
.lp-why-list{display:flex;flex-direction:column;}
.lp-why-item{display:flex;align-items:flex-start;gap:20px;border-top:1px solid var(--lp-rule-strong);padding:28px 0;}
.lp-why-item + .lp-why-item{border-top-color:var(--lp-rule);}
.lp-why-item:last-child{padding-bottom:0;}
.lp-why-item > div:last-child{display:flex;flex-direction:column;gap:8px;}
.lp-why-item .body{color:var(--ink-muted);}
@media (max-width:900px){ .lp-why{grid-template-columns:1fr;} }

/* ---------- Illustrated splits (homepage) ---------- */
.lp-split-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;}
.lp-split-copy .body{font-size:17px;color:var(--ink-muted);max-width:48ch;}
.lp-illus{height:320px;background:var(--surface-light);border-radius:var(--radius-xl);}
.band-light .lp-illus{background:var(--surface-muted);}
.lp-illus-inner{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
.lp-illus svg{position:absolute;inset:0;margin:auto;width:100%;max-width:340px;height:100%;}
.lp-illus img{position:relative;}
@media (max-width:600px){ .lp-illus{height:260px;} }

/* ---------- FAQ ---------- */
.lp-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:24px clamp(32px,5vw,80px);align-items:start;}
.lp-faq-title{font-family:var(--font-display);font-weight:300;font-size:clamp(36px,4.4vw,56px);line-height:1;text-align:left;margin:0;}
.lp-faq-list{border-top:1px solid var(--lp-rule-strong);}
.lp-faq-list details.faq{border-bottom-color:#DADADA;}
.lp-faq-list details.faq .a{font-size:16px;line-height:1.65;}
@media (min-width:861px){ .lp-faq-title{position:sticky;top:110px;} }
@media (max-width:860px){ .lp-faq{grid-template-columns:1fr;} }

/* ---------- Blog cards (shared) ---------- */
.lp-posts .post-card{border-color:var(--border-soft);border-radius:var(--radius-xl);transition:border-color .15s ease;}
.lp-posts .post-card:hover{border-color:var(--ink-primary);transform:none;}
.lp-posts .post-card .post-thumb{border-bottom-color:var(--border-soft);}
.lp-posts .post-card .post-card-body{gap:14px;}
.lp-posts .post-card .h3{font-size:20px;line-height:1.3;transition:color .15s ease;}
.lp-posts .post-card:hover .h3{color:var(--brand-orange);}
.lp-posts .post-date{margin-top:auto;}

/* ---------- Testimonial marquee (shared) ---------- */
.lp-marquees{display:flex;flex-direction:column;gap:20px;}
.lp-voices .t-card{background:#0E0E0E;border-color:#262626;color:var(--ink-inverse);padding:28px;gap:20px;border-radius:var(--radius-md);}
.lp-voices .t-card > p.body{flex:1;color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.65;}
.lp-voices .t-card > div{border-top:1px solid #262626;padding-top:16px;}
.lp-voices .t-card .name{color:var(--ink-inverse);font-size:15px;font-weight:700;line-height:1.4;margin:0;font-family:var(--font-body);}
.lp-voices .t-card .role{color:rgba(255,255,255,.55);font-size:14px;line-height:1.4;}
.lp-voices .marquee-track:hover .marquee-row{animation-play-state:paused;}
@media (max-width:600px){ .lp-voices .t-card{flex-basis:300px;} }

/* ---------- Customer quotes (tracking, msps, medical) ---------- */
.lp-case-logo{height:40px;display:flex;align-items:center;}
.lp-case-logo img{max-height:34px;max-width:150px;width:auto;height:auto;}
.lp-quote{align-items:flex-start;}
.lp-quote .quote{font-size:clamp(20px,2vw,24px);}
.lp-person{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.5;color:var(--ink-muted);}
.lp-person .name{display:block;}
.lp-quote-grid{align-items:stretch;}
.lp-quote-grid .quote-card{gap:18px;}
.lp-quote-grid .quote-card .quote{font-size:19px;line-height:1.5;flex:1;}
.lp-quote-grid .quote-card > .body{flex:1;}

/* ---------- Statement block (tracking "What does...") ---------- */
.lp-statement{border-top:1px solid var(--lp-rule-strong);padding-top:28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px clamp(40px,6vw,96px);}
.lp-statement .h3{font-size:clamp(24px,2.6vw,32px);font-weight:300;line-height:1.2;}
.lp-statement .body{color:var(--ink-muted);font-size:17px;}
@media (max-width:860px){ .lp-statement{grid-template-columns:1fr;} }

/* ---------- Contact form (msps) ---------- */
.lp-form{display:flex;flex-direction:column;gap:14px;}
.lp-input{width:100%;padding:13px 14px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:15px;color:var(--ink-primary);background:var(--surface-light);transition:border-color .15s ease;}
.lp-input:focus{outline:none;border-color:var(--ink-primary);}
textarea.lp-input{resize:vertical;min-height:130px;}
.lp-consent{display:flex;align-items:flex-start;gap:10px;}
.lp-consent input{margin-top:4px;accent-color:var(--brand-orange);}
.lp-consent label{font-size:13px;color:var(--ink-muted);}
.lp-consent a{text-decoration:underline;}
.lp-form .btn-primary{justify-content:center;}

/* ---------- Medical ---------- */
.lp-shot{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;}
.lp-shot .media-frame{width:100%;height:340px;margin-bottom:12px;}
.lp-shot .media-frame img{max-height:100%;width:auto;border:0;border-radius:0;}
.lp-shot .body{color:var(--ink-muted);}
.lp-shot .read-more{margin-top:4px;}
.lp-frame-img{max-width:420px;width:100%;border:0 !important;border-radius:0 !important;}
.lp-center-link{margin-top:48px;}

/* ---------- Feature comparison ---------- */
.lp-feature-groups{display:flex;flex-direction:column;}
.lp-feature-group{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr);gap:16px clamp(32px,5vw,80px);border-top:1px solid var(--lp-rule-strong);padding:28px 0 48px;}
.lp-feature-group:last-child{padding-bottom:0;}
.lp-feature-group .check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;}
.lp-feature-group .check-list li{font-size:16px;color:var(--ink-secondary);}
@media (max-width:860px){
  .lp-feature-group{grid-template-columns:1fr;}
  .lp-feature-group .check-list{grid-template-columns:1fr;}
}

.lp-tables{display:flex;flex-direction:column;gap:40px;}
.lp-table-wrap{background:var(--surface-light);border:1px solid var(--border-soft);border-radius:var(--radius-md);}
.lp-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--ink-primary);}
.lp-table th,.lp-table td{padding:14px 18px;border-bottom:1px solid var(--border-soft);vertical-align:middle;}
.lp-table thead th{position:sticky;top:var(--lp-sticky-top,69px);z-index:2;background:var(--surface-light);font-size:13px;font-weight:600;line-height:1.35;color:var(--ink-muted);text-align:center;border-bottom:1px solid var(--ink-primary);}
.lp-table thead th:first-child{text-align:left;border-top-left-radius:var(--radius-md);}
.lp-table thead th:last-child{border-top-right-radius:var(--radius-md);}
.lp-table thead th.lp-col-idr{color:var(--brand-orange-text);font-weight:700;font-size:14px;}
.lp-table tbody td:first-child{font-weight:500;}
.lp-table tbody tr:nth-child(even) td{background:var(--surface-muted);}
.lp-table tbody tr:last-child td{border-bottom:0;}
.lp-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-md);}
.lp-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-md);}
.lp-table td.lp-yes,.lp-table td.lp-no{text-align:center;width:16%;font-size:17px;line-height:1;}
.lp-table td.lp-yes{color:var(--ink-primary);font-weight:700;}
.lp-table td.lp-yes.lp-idr{color:var(--brand-orange);}
.lp-table td.lp-no{color:#B4B4B4;}
@media (max-width:1060px){ .lp-table thead th{top:var(--lp-sticky-top-sm,64px);} }
@media (max-width:760px){
  .lp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .lp-table{min-width:620px;font-size:14px;}
  .lp-table th,.lp-table td{padding:12px;}
  .lp-table thead th{position:static;top:auto;}
  .lp-table thead th:first-child{z-index:3;}
  .lp-table th:first-child,.lp-table td:first-child{position:sticky;left:0;z-index:1;background:var(--surface-light);min-width:170px;border-right:1px solid var(--border-soft);top:auto;}
  .lp-table tbody tr:nth-child(even) td:first-child{background:var(--surface-muted);}
}
.lp-head-flush{margin-bottom:0;}
.lp-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;}
.lp-quote-grid .quote-card .body .name{color:var(--ink-primary);}
.lp-hero-lead{color:rgba(255,255,255,.75);max-width:56ch;margin-top:16px;}
.lp-case-logo.lp-logo-sq{height:84px;margin:-12px 0 -12px -12px;} .lp-case-logo.lp-logo-sq img{max-height:84px;}
.lp-case-logo.lp-logo-pad img{max-height:64px;margin:-15px 0 -15px -8px;}
.lp-person{display:block;}
.lp-person .name{display:inline;}
.lp-quote-grid .quote-card .quote,.lp-quote-grid .quote-card > .body{flex:none;}