/* ============================================================================
   NoDrama Site Audit — form + loading + report styles.
   Brand: green #00d920, ink #0F0F0F, General Sans (display), League Spartan (body).
   ============================================================================ */

.nodrama-audit *{box-sizing:border-box}
.nar,.nal,.naf{--good-bg:#ecfdf1;--good-tx:#067d2b;--good-ac:#00c21d;
	--warn-bg:#fff6e5;--warn-tx:#8a6300;--warn-ac:#f0a500;
	--bad-bg:#fdeceb;--bad-tx:#c0433e;--bad-ac:#e2564f;--info-tx:#6b6b6b}

/* ============================================================================
   REPORT  (matches the "Site Health Report" reference, our design system)
   ============================================================================ */
body.nodrama-audit-report{background:#F6F6F4}
.nar{background:#F6F6F4;color:#0F0F0F}
.nar-wrap{max-width:1120px;margin:0 auto;padding:52px 24px 30px}
.nar-mono{font-family:ui-monospace,'SF Mono','JetBrains Mono',Menlo,Consolas,monospace!important;letter-spacing:0}

/* header */
.nar-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;padding-top:6px}
.nar-top__left{flex:1;min-width:300px}
.nar-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;font-family:'General Sans',sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#0F0F0F}
.nar-eyebrow__sq{width:9px;height:9px;background:#00d920;display:inline-block}
.nar-host{font-family:'General Sans',sans-serif;font-weight:600;font-size:clamp(42px,7vw,68px);line-height:1;letter-spacing:-.03em;margin:0;color:#0F0F0F;word-break:break-word}
.nar-desc{font-size:19px;line-height:1.45;color:#6B6B6B;margin:16px 0 0;max-width:46ch}
.nar-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.nar-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #E3E3E1;border-radius:999px;padding:7px 14px 7px 12px;background:#fff;font-family:'General Sans',sans-serif;font-weight:600;font-size:12px;letter-spacing:.02em;color:#262626}
.nar-chip__dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}
.nar-dot--good{background:#00d920}.nar-dot--warn{background:#E0A100}.nar-dot--bad{background:#EF4444}
.nar-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}

/* buttons */
.nar-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:13px;font-family:'General Sans',sans-serif;font-weight:600;font-size:15px;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s}
.nar-btn--pdf{background:#00d920;color:#0F0F0F;border:1px solid #00d920}
.nar-btn--pdf:hover{background:#16E632;transform:translateY(-1px)}
.nar-btn--ghost{background:#fff;color:#0F0F0F;border:1px solid #E3E3E1}
.nar-btn--ghost:hover{border-color:#0F0F0F}
.nar-btn--ghost .nar-btn__ic{color:#00d920;display:inline-flex}
.nar-btn--dark{background:#0F0F0F;color:#fff;border:1px solid #0F0F0F}
.nar-btn--dark:hover{background:#00d920;color:#0F0F0F;border-color:#00d920}
.nar-btn.is-loading{opacity:.65;pointer-events:none}

/* gauge */
.nar-gauge{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 auto}
.nar-gauge__ring{position:relative;width:168px;height:168px;display:flex;align-items:center;justify-content:center}
.nar-gauge__ring svg{transform:rotate(-90deg)}
.nar-gauge__arc{animation:nar-ringfill 1.2s cubic-bezier(.16,.84,.44,1) both}
@keyframes nar-ringfill{from{stroke-dashoffset:465}}
@media (prefers-reduced-motion:reduce){.nar-gauge__arc{animation:none}}
.nar-gauge__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.nar-gauge__num{font-family:'General Sans',sans-serif;font-weight:600;font-size:52px;line-height:1;letter-spacing:-.03em;color:#0F0F0F}
.nar-gauge__den{font-size:12px;color:#8A8A8A;margin-top:2px}
.nar-gauge__label{font-family:'General Sans',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6B6B6B}

/* section cards */
.nar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
.nar-card{background:#fff;border:1px solid #E5E5E5;border-left:3px solid #ccc;border-radius:14px;padding:24px 26px 20px}
.nar-card--good{border-left-color:#00d920}.nar-card--warn{border-left-color:#E0A100}.nar-card--bad{border-left-color:#EF4444}
.nar-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nar-card__title{font-family:'General Sans',sans-serif;font-weight:600;font-size:20px;letter-spacing:-.01em;margin:0;color:#0F0F0F}
.nar-card__status{font-family:'General Sans',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.nar-status--good{color:#00A017}.nar-status--warn{color:#E0A100}.nar-status--bad{color:#EF4444}
.nar-card__rule{height:1px;background:#EEE;margin:15px 0 4px}

/* metric rows */
.nar-row{display:flex;align-items:baseline;gap:10px;padding:11px 0}
.nar-row__k{font-family:'League Spartan',sans-serif;font-size:14.5px;color:#4A4A4A;display:inline-flex;flex-direction:column;line-height:1.3}
.nar-row__note{font-family:'League Spartan',sans-serif;font-size:11.5px;color:#9a9a9a;margin-top:2px}
.nar-row__dots{flex:1 1 auto;min-width:16px;border-bottom:1px dotted #D4D4D4;align-self:flex-end;transform:translateY(-4px)}
.nar-row__v{font-size:13px;font-weight:600;color:#2A2A2A;white-space:nowrap}
.nar-row--good .nar-row__v,.nar-v--good{color:#00A017}
.nar-row--warn .nar-row__v,.nar-v--warn{color:#E0A100}
.nar-row--bad .nar-row__v,.nar-v--bad{color:#EF4444}
.nar-row--info .nar-row__v{color:#2A2A2A}

/* performance bars */
.nar-bar{padding:12px 0 6px}
.nar-bar__top{display:flex;justify-content:space-between;align-items:baseline}
.nar-bar__k{font-family:'League Spartan',sans-serif;font-size:14px;color:#2A2A2A;font-weight:500}
.nar-bar__v{font-size:14px;font-weight:600}
.nar-bar__track{height:6px;background:#F0F0F0;border-radius:3px;margin-top:8px;overflow:hidden}
.nar-bar__fill{display:block;height:100%;border-radius:3px;transform-origin:left;animation:nar-barfill .9s cubic-bezier(.2,0,0,1) both .3s}
.nar-fill--good{background:#00d920}.nar-fill--warn{background:#E0A100}.nar-fill--bad{background:#EF4444}
@keyframes nar-barfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* SEO full-width grid */
.nar-seo{margin-top:20px}
.nar-seo__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:14px}
.nar-seo__v{font-size:15px;font-weight:600}
.nar-seo__k{font-family:'League Spartan',sans-serif;font-size:13px;color:#6B6B6B;margin-top:4px}

/* what we'd do first */
.nar-first{background:#0F0F0F;border-radius:20px;padding:38px 40px 32px;margin-top:44px}
.nar-first__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;font-family:'General Sans',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8A8A8A}
.nar-first__dot{width:8px;height:8px;background:#00d920;display:inline-block;animation:nar-dot 1.6s ease-in-out infinite}
@keyframes nar-dot{0%,100%{opacity:1}50%{opacity:.25}}
.nar-first__title{font-family:'General Sans',sans-serif;font-weight:600;font-size:clamp(28px,4vw,38px);letter-spacing:-.02em;margin:0 0 22px;color:#fff}
.nar-first__list{display:flex;flex-direction:column;gap:4px}
.nar-fix{display:flex;align-items:center;gap:20px;padding:16px 18px;border-radius:12px;border:1px solid #232323;transition:background .18s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1)}
.nar-fix:hover{background:#1C1C1C;transform:translateX(4px)}
.nar-fix__n{font-size:13px;color:#00d920;width:24px;flex:0 0 auto}
.nar-fix__m{flex:1;font-family:'General Sans',sans-serif;font-weight:600;font-size:17px;color:#fff}
.nar-fix__t{font-family:'General Sans',sans-serif;font-weight:600;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#0F0F0F;padding:5px 11px;border-radius:999px;white-space:nowrap;flex:0 0 auto}
.nar-fix__t--now{background:#EF4444}
.nar-fix__t--soon{background:#E0A100}

/* closing CTA */
.nar-cta{text-align:center;padding:64px 24px 30px}
.nar-cta__title{font-family:'General Sans',sans-serif;font-weight:600;font-size:clamp(30px,5vw,48px);letter-spacing:-.025em;margin:0;color:#0F0F0F}
.nar-cta__sub{font-size:18px;line-height:1.5;color:#6B6B6B;max-width:46ch;margin:16px auto 30px}
.nar-cta__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.nar-fineprint{font-family:'League Spartan',sans-serif;font-size:12px;color:#8A8A8A;margin:42px auto 0;max-width:62ch;line-height:1.6}

/* ============================================================================
   LOADING  (legacy fallback styles; the live loader is the self-contained Gallop template)
   ============================================================================ */
.nal-wrap{min-height:78vh;display:flex;align-items:center;padding:120px 0 70px}
.nal-inner{text-align:center;max-width:760px}
.nal-title{font-family:'General Sans',sans-serif;font-weight:600;font-size:48px;line-height:1.08;letter-spacing:-1px;color:#262626;margin:0 0 14px}
.nal-sub{font-size:18px;color:#404040;margin:0 auto 40px;max-width:52ch}

/* ============================================================================
   FORM LANDING
   ============================================================================ */
.naf-hero{padding:130px 0 90px}
.naf-grid{display:flex;gap:64px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.naf-left{flex:1 1 420px;min-width:300px;padding-top:8px}
.naf-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;font-family:'League Spartan',sans-serif;
	font-weight:600;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#0b0f0c}
.naf-eyebrow__dot{width:8px;height:8px;background:#00d920}
.naf-title{font-family:'General Sans',sans-serif;font-weight:500;font-size:56px;line-height:1.06;letter-spacing:-1.5px;color:#262626;margin:0 0 18px}
.naf-title em{font-style:normal;color:#00a819}
.naf-sub{font-size:19px;line-height:1.55;color:#404040;margin:0 0 28px;max-width:44ch}
.naf-points{list-style:none;margin:0;padding:0}
.naf-points li{display:flex;align-items:flex-start;gap:11px;padding:8px 0;font-family:'League Spartan',sans-serif;font-size:16.5px;color:#333}
.naf-points li::before{content:"";flex:0 0 auto;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#ecfdf1;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 7.4L5.8 10.2L11 4' stroke='%2300a819' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}
.naf-form{flex:0 1 468px;min-width:300px;width:100%;background:#fff;border:1px solid #e7e7e7;border-radius:16px;
	padding:34px 34px 30px;box-shadow:0 24px 60px rgba(0,0,0,.06)}
.naf-form__title{font-family:'General Sans',sans-serif;font-weight:600;font-size:24px;color:#262626;margin:0 0 6px}
.naf-form__note{font-family:'League Spartan',sans-serif;font-size:14.5px;color:#6b6b6b;margin:0 0 22px}
.naf-form__body .forminator-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.naf-form__body input.forminator-input,.naf-form__body input[type=text],.naf-form__body input[type=email],.naf-form__body input[type=url]{
	background:#f7f7f7!important;border:1px solid #e2e2e2!important;border-radius:8px!important;color:#0b0f0c!important;
	height:54px!important;font-family:'League Spartan',sans-serif!important;font-size:16px!important;padding:0 16px!important;width:100%!important}
.naf-form__body input:focus{border-color:#00d920!important;background:#fff!important;outline:none!important;box-shadow:0 0 0 3px rgba(0,217,32,.12)!important}
.naf-form__body .forminator-input::placeholder{color:#9a9a9a!important}
.naf-form__body .forminator-row{margin-bottom:14px!important}
.naf-form__body .forminator-button-submit{width:100%!important;height:56px!important;background:#00d920!important;color:#0b0f0c!important;
	border:none!important;border-radius:8px!important;font-family:'League Spartan',sans-serif!important;font-weight:600!important;
	font-size:17px!important;letter-spacing:.5px!important;text-transform:uppercase!important;cursor:pointer;transition:transform .2s,background .2s}
.naf-form__body .forminator-button-submit:hover{transform:translateY(-2px);background:#00c21d!important}
.naf-form__body .forminator-consent,.naf-form__body .forminator-checkbox{margin-top:4px}
.naf-form__body .forminator-consent label,.naf-form__body .forminator-checkbox-label{font-family:'League Spartan',sans-serif!important;font-size:13px!important;color:#8a8a8a!important;line-height:1.5}
.naf-form__body .forminator-error-message{color:#c0433e!important;font-family:'League Spartan',sans-serif!important;font-size:13px!important}
.naf-form__trust{margin:16px 0 0;font-family:'League Spartan',sans-serif;font-size:12.5px;color:#9a9a9a;text-align:center}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */
@media (max-width:880px){
	.nar-grid{grid-template-columns:1fr}
	.nar-top{flex-direction:column-reverse;align-items:flex-start;gap:28px}
	.nar-seo__grid{grid-template-columns:repeat(3,1fr)}
	.naf-title{font-size:42px}
}
@media (max-width:600px){
	.nar-wrap{padding:36px 20px 20px}
	.nar-host{font-size:38px}
	.nar-desc{font-size:17px}
	.nar-first{padding:26px 22px}
	.nar-first__list{gap:8px}
	.nar-fix{gap:12px;padding:14px 14px}
	.nar-fix__m{font-size:15px}
	.nar-seo__grid{grid-template-columns:repeat(2,1fr)}
	.nar-cta{padding:48px 16px 20px}
	.naf-hero{padding:104px 0 60px}
	.naf-title{font-size:34px}
	.naf-form{padding:26px 22px}
}