.elementor-34316 .elementor-element.elementor-element-d8f0202{--display:flex;}.elementor-34316 .elementor-element.elementor-element-d8f0202.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-34316 .elementor-element.elementor-element-d8f0202{--width:89.901%;}}/* Start custom CSS *//* ============================================================
   IP-STATUS-ASSESSMENT-PAGE
   ELEMENTOR: Settings gear (bottom-left) → Custom CSS tab
   Paste everything below this comment block
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --dark-green:    #1A3320;
  --mid-green:     #2E7D32;
  --lime:          #76C442;
  --hover-lime:    #8AD44E;
  --pale-green:    #D4EAD4;
  --light-bg:      #EAF5D8;
  --light-lime:    #D4F0A0;
  --light-section: #F9F9F7;
  --body-text:     #555550;
  --heading:       #1A1A1A;
  --dark-ip:       #173404;
  --border:        #E0E0DC;
  --muted-green:   #A8CCA8;
  --red:           #E24B4A;
}

.iplca-assess {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 16px;
  line-height: 1.8;
  color: var(--body-text);
  background: #fff;
  width: 100%;
}

/* ─────────────────────────────
   HERO
───────────────────────────── */
.ia-hero {
  background: var(--dark-green);
  width: 100%;
  padding: clamp(52px, 9vw, 88px) 20px clamp(44px, 7vw, 72px);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ia-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -45deg, transparent, transparent 48px,
    rgba(118,196,66,0.05) 48px, rgba(118,196,66,0.05) 49px
  );
  pointer-events: none;
}
.ia-hero::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(118,196,66,0.4), transparent);
}

.ia-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-style: italic;
  font-weight: 300;
  color: var(--lime);
  font-size: clamp(11px, 2vw, 13px);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 18px;
  position: relative;
}
.ia-hero-eyebrow::before,
.ia-hero-eyebrow::after {
  content: '';
  display: block;
  width: 24px;
  height: 1px;
  background: rgba(118,196,66,0.5);
}

.ia-hero h1 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: clamp(28px, 6vw, 54px);
  color: #fff;
  line-height: 1.1;
  margin-bottom: 20px;
  position: relative;
}
.ia-hero h1 span {
  display: block;
  font-style: italic;
  font-weight: 400;
  color: var(--pale-green);
  font-size: clamp(20px, 4vw, 36px);
  margin-top: 6px;
}

.ia-hero-sub {
  color: var(--pale-green);
  font-size: clamp(14px, 2.8vw, 17px);
  font-weight: 300;
  line-height: 1.75;
  max-width: 580px;
  margin: 0 auto 28px;
  position: relative;
}

/* Stats row */
.ia-hero-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 4vw, 40px);
  flex-wrap: wrap;
  margin-top: 8px;
  position: relative;
}
.ia-stat {
  text-align: center;
}
.ia-stat-num {
  display: block;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: clamp(22px, 4vw, 32px);
  color: var(--lime);
  line-height: 1;
  margin-bottom: 4px;
}
.ia-stat-label {
  font-size: clamp(11px, 2vw, 12.5px);
  color: var(--muted-green);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 300;
}
.ia-stat-divider {
  width: 1px;
  height: 36px;
  background: rgba(118,196,66,0.25);
}
@media (max-width: 400px) {
  .ia-stat-divider { display: none; }
}

/* ─────────────────────────────
   WHAT YOU GET STRIP
───────────────────────────── */
.ia-what {
  background: var(--light-bg);
  border-bottom: 1px solid rgba(118,196,66,0.2);
  padding: clamp(36px, 6vw, 56px) 20px;
  text-align: center;
}
.ia-what-inner {
  max-width: 800px;
  margin: 0 auto;
}
.ia-what .section-eyebrow {
  display: block;
  font-style: italic;
  font-weight: 300;
  color: var(--mid-green);
  font-size: clamp(10px, 1.8vw, 12px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ia-what h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(20px, 4vw, 30px);
  color: var(--dark-green);
  margin-bottom: clamp(24px, 4vw, 40px);
  line-height: 1.2;
}
.ia-what-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
  gap: 16px;
  text-align: left;
}
.ia-what-card {
  background: #fff;
  border: 1px solid var(--border);
  border-top: 3px solid var(--lime);
  border-radius: 0 0 4px 4px;
  padding: clamp(18px, 3vw, 24px) clamp(16px, 2.5vw, 22px);
}
.ia-what-card .card-icon {
  font-size: 22px;
  margin-bottom: 10px;
  display: block;
}
.ia-what-card h4 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(15px, 2.8vw, 17px);
  color: var(--dark-green);
  margin-bottom: 6px;
  line-height: 1.25;
}
.ia-what-card p {
  font-size: clamp(13px, 2.3vw, 14px);
  color: var(--body-text);
  line-height: 1.65;
}

/* ─────────────────────────────
   HOW IT WORKS
───────────────────────────── */
.ia-how {
  padding: clamp(44px, 7vw, 68px) 20px;
  max-width: 860px;
  margin: 0 auto;
}
.ia-how .section-eyebrow {
  display: block;
  font-style: italic;
  font-weight: 300;
  color: var(--lime);
  font-size: clamp(10px, 1.8vw, 12px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: center;
}
.ia-how h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(20px, 4vw, 30px);
  color: var(--dark-green);
  margin-bottom: clamp(28px, 5vw, 44px);
  line-height: 1.2;
  text-align: center;
}

/* 6 category blocks */
.ia-cats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 14px;
}
.ia-cat {
  background: var(--light-section);
  border: 1px solid var(--border);
  border-left: 4px solid var(--lime);
  border-radius: 0 4px 4px 0;
  padding: clamp(16px, 3vw, 22px) clamp(14px, 2.5vw, 20px);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.ia-cat-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--dark-green);
  color: var(--lime);
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ia-cat-body h4 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(14px, 2.6vw, 16px);
  color: var(--dark-green);
  margin-bottom: 3px;
  line-height: 1.2;
}
.ia-cat-body p {
  font-size: clamp(12.5px, 2.2vw, 13.5px);
  color: var(--body-text);
  line-height: 1.6;
}
.ia-cat-body .cat-weight {
  display: inline-block;
  margin-top: 6px;
  font-size: 11px;
  color: var(--lime);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Important note */
.ia-mv-note {
  margin-top: 20px;
  background: var(--dark-green);
  border-radius: 4px;
  padding: clamp(20px, 4vw, 28px) clamp(18px, 3.5vw, 28px);
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.ia-mv-note-icon {
  flex-shrink: 0;
  color: var(--lime);
  margin-top: 2px;
}
.ia-mv-note p {
  font-size: clamp(13.5px, 2.5vw, 15px);
  color: var(--pale-green);
  line-height: 1.72;
  font-weight: 300;
}
.ia-mv-note p strong { color: #fff; font-weight: 600; }

/* ─────────────────────────────
   SCORE OUTCOMES
───────────────────────────── */
.ia-outcomes {
  background: var(--light-section);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: clamp(40px, 7vw, 64px) 20px;
}
.ia-outcomes-inner {
  max-width: 860px;
  margin: 0 auto;
}
.ia-outcomes .section-eyebrow {
  display: block;
  font-style: italic;
  font-weight: 300;
  color: var(--mid-green);
  font-size: clamp(10px, 1.8vw, 12px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
  text-align: center;
}
.ia-outcomes h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(20px, 4vw, 30px);
  color: var(--dark-green);
  margin-bottom: clamp(24px, 4vw, 40px);
  line-height: 1.2;
  text-align: center;
}
.ia-outcome-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 16px;
}
.ia-outcome {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: clamp(22px, 3.5vw, 30px) clamp(18px, 3vw, 26px);
  position: relative;
  overflow: hidden;
}
.ia-outcome::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
}
.ia-outcome.foundation::before { background: var(--muted-green); }
.ia-outcome.development::before { background: var(--lime); }
.ia-outcome.ready::before { background: var(--mid-green); }

.ia-outcome .score-badge {
  display: inline-block;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: clamp(22px, 4vw, 30px);
  color: var(--dark-green);
  margin-bottom: 4px;
  line-height: 1;
}
.ia-outcome .score-range {
  display: block;
  font-size: clamp(10px, 1.8vw, 11.5px);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted-green);
  margin-bottom: 12px;
  font-weight: 300;
}
.ia-outcome h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: clamp(16px, 3vw, 19px);
  color: var(--dark-green);
  margin-bottom: 8px;
  line-height: 1.2;
}
.ia-outcome p {
  font-size: clamp(13px, 2.3vw, 14px);
  color: var(--body-text);
  line-height: 1.65;
  margin-bottom: 14px;
}
.ia-outcome .outcome-action {
  font-size: clamp(12px, 2.2vw, 13px);
  color: var(--mid-green);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* ─────────────────────────────
   RAND TRUST BAR
───────────────────────────── */
.ia-trust {
  padding: clamp(40px, 7vw, 64px) 20px;
  max-width: 760px;
  margin: 0 auto;
}
.ia-trust-card {
  background: var(--dark-green);
  border-radius: 6px;
  padding: clamp(28px, 5vw, 44px) clamp(22px, 4vw, 44px);
  display: flex;
  align-items: flex-start;
  gap: clamp(18px, 3.5vw, 32px);
  position: relative;
  overflow: hidden;
}
.ia-trust-card::after {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(118,196,66,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.ia-trust-avatar {
  flex-shrink: 0;
  width: clamp(52px, 9vw, 68px);
  height: clamp(52px, 9vw, 68px);
  border-radius: 50%;
  background: rgba(118,196,66,0.12);
  border: 2px solid rgba(118,196,66,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: clamp(18px, 3vw, 24px);
  color: var(--lime);
}
.ia-trust-body .trust-eyebrow {
  display: block;
  font-style: italic;
  font-weight: 300;
  color: var(--lime);
  font-size: clamp(10px, 1.8vw, 11.5px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.ia-trust-body h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: clamp(16px, 3.2vw, 21px);
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.2;
}
.ia-trust-body p {
  color: var(--pale-green);
  font-size: clamp(13px, 2.4vw, 14.5px);
  line-height: 1.75;
  font-weight: 300;
}
.ia-trust-body p strong { color: #fff; font-weight: 600; }
@media (max-width: 480px) {
  .ia-trust-card { flex-direction: column; }
}

/* ─────────────────────────────
   FORM SECTION
───────────────────────────── */
.ia-form-section {
  background: var(--light-section);
  border-top: 1px solid var(--border);
  padding: clamp(44px, 7vw, 72px) 20px clamp(52px, 8vw, 88px);
}
.ia-form-inner {
  max-width: 860px;
  margin: 0 auto;
}
.ia-form-header {
  text-align: center;
  margin-bottom: clamp(28px, 5vw, 44px);
}
.ia-form-header .section-eyebrow {
  display: block;
  font-style: italic;
  font-weight: 300;
  color: var(--mid-green);
  font-size: clamp(10px, 1.8vw, 12px);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.ia-form-header h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: clamp(22px, 4.5vw, 34px);
  color: var(--dark-green);
  margin-bottom: 12px;
  line-height: 1.15;
}
.ia-form-header p {
  font-size: clamp(14px, 2.6vw, 15.5px);
  color: var(--body-text);
  max-width: 580px;
  margin: 0 auto;
  line-height: 1.72;
  font-weight: 300;
}

/* Privacy note */
.ia-privacy-note {
  margin-top: clamp(20px, 3.5vw, 28px);
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fff;
  border: 1px solid var(--border);
  border-left: 3px solid var(--lime);
  border-radius: 0 4px 4px 0;
  padding: 14px 18px;
}
.ia-privacy-note svg { flex-shrink: 0; margin-top: 2px; }
.ia-privacy-note p {
  font-size: clamp(12.5px, 2.2vw, 13.5px);
  color: var(--body-text);
  line-height: 1.6;
}
.ia-privacy-note p strong { color: var(--dark-green); }

/* Form embed placeholder */
.ia-form-embed {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 4px;
  padding: clamp(28px, 5vw, 44px) clamp(20px, 4vw, 36px);
  margin-top: clamp(20px, 3.5vw, 28px);
}
/* This is where [fluentform id="34"] goes */
.ia-form-placeholder {
  text-align: center;
  padding: 60px 20px;
  color: var(--muted-green);
  font-style: italic;
  font-size: 14px;
  border: 2px dashed var(--border);
  border-radius: 4px;
}/* End custom CSS */