/* Same look as marketing.lunahup.com. Fonts are declared here because the page CSP only allows same-origin stylesheets. */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700 800;font-display:swap;src:url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInE.woff2) format('woff2')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1Q.woff2) format('woff2')}
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmserifdisplay/v17/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0g.woff2) format('woff2')}

:root{--navy-900:#0b3460;--navy-800:#144F7D;--violet:#1A73B8;--violet-600:#145E98;--violet-100:#E3F0FA;--moon:#D6E9F8;--canvas:#F3F5F9;--card:#fff;--line:#DDE4EC;--ink:#144F7D;--muted:#56677a;--on-navy:#fff;--on-navy-muted:#B4CBE0;--danger:#B4382F;--display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--body:"Instrument Sans","Segoe UI",system-ui,sans-serif;--wordmark:"DM Serif Display",Georgia,serif;--wrap:1160px}
*{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--violet-600)}
button,input{font:inherit}
button,a,input,summary{outline-offset:4px}
:focus-visible{outline:2px solid var(--violet)}
[hidden]{display:none!important}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:24px}
h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(38px,5vw,60px);line-height:1.04;font-weight:800;margin:18px 0 0}
h2{font-size:clamp(24px,2.6vw,30px);line-height:1.15;font-weight:700;margin:10px 0 14px}
h3{font-size:19px;line-height:1.3;font-weight:700}
.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin:0}
.muted,.small{color:var(--muted)}
.small{font-size:14px;margin:14px 0 0}

/* header */
.top{background:var(--navy-900);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.06)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;color:var(--on-navy);font:400 25px/1 var(--wordmark);text-decoration:none}
.brand-mark{width:56px;height:auto}
.signin{color:var(--on-navy-muted);font-size:15px;font-weight:500;text-decoration:none}
.signin:hover{color:#fff}

/* hero: intro copy on the left, check / unlock card on the right */
.hero{background:radial-gradient(900px 420px at 85% -10%,rgba(47,151,225,.28),transparent 60%),linear-gradient(180deg,var(--navy-900),var(--navy-800));color:var(--on-navy);padding-block:64px 80px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero .eyebrow{color:#61BBFF}
.hero-side .eyebrow{color:var(--violet)}
.hero h1 em{font-style:normal;color:var(--moon);position:relative;z-index:0;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.12em;background:var(--violet);border-radius:4px;z-index:-1}
.lede{font-size:19px;color:var(--on-navy-muted);max-width:34em;margin:20px 0 0}
.promise{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:28px 0 0}
.promise li{font-size:14px;font-weight:500;color:var(--moon);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:999px}
.promise li::before{content:"✓";color:#61BBFF;margin-right:7px}
.hero-side .card{margin:0;box-shadow:0 30px 60px -20px rgba(3,8,25,.6);color:var(--ink)}

/* cards and forms */
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:22px}
label{display:block;font-size:14.5px;font-weight:600;margin:18px 0 8px}
input:not([type=checkbox]){width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}
input:not([type=checkbox]):focus{border-color:var(--violet);outline:3px solid var(--violet-100);outline-offset:0}
input::placeholder{color:#8C93AD}
.checkbox{display:flex;gap:10px;font-weight:400;align-items:flex-start;margin:18px 0}
.checkbox input{margin-top:6px;accent-color:var(--violet)}
.honey{position:absolute;left:-10000px}
button,.report-help{cursor:pointer;border:0;border-radius:12px;background:var(--violet);color:#fff;padding:15px 22px;font-weight:600;transition:background .15s}
button:hover,.report-help:hover{background:var(--violet-600)}
button:disabled{opacity:.6;cursor:wait}
button span{margin-left:10px}
#checkButtonLabel,#unlockButtonLabel{margin-left:0}
.btn-block{width:100%;margin-top:18px}
.secondary{background:var(--violet-100);color:var(--violet-600)}
.secondary:hover{background:#BFE3FF}

/* status and report */
.content{padding-block:40px 64px}
#status{margin:0;scroll-margin-top:84px}
#checkStatus #status:not(:empty),#unlockStatus #status:not(:empty){margin:18px 0 0}
.report-help{display:inline-flex;align-items:center;text-decoration:none}
#contactSection,#followupNote{scroll-margin-top:84px}
#status:not(:empty){padding:16px 18px;border-radius:12px;border-left:4px solid var(--violet);background:var(--violet-100);margin-bottom:24px}
#status.error{border-color:var(--danger);background:#FDEDEB}
.report-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.report-heading h2{overflow-wrap:anywhere;margin-bottom:4px}
.report-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.report-options{margin:0}
.report-options summary{padding:12px 0;font-weight:600}
.report-option-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
#reportStatus #status:not(:empty):not(.error){padding:0;border:0;background:none;font-size:14px;margin-bottom:16px}
.share{margin:0 0 24px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}
.share p{margin:0}
.share-row{display:flex;gap:10px;align-items:center;margin-top:10px}
.share-row input{flex:1;min-width:0}
.share-row button{flex:0 0 auto;padding-inline:18px}
#shareStatus{margin-top:10px}
.report-nav{display:flex;gap:16px;flex-wrap:wrap}
.assessment{border-left:5px solid var(--violet)}
.finding{padding:22px 0;border-top:1px solid var(--line)}
.finding:first-child{border:0}
.finding p{color:var(--muted)}
.badge{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--violet-100);color:var(--violet-600);padding:3px 10px;border-radius:999px}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.check{background:var(--canvas);border:1px solid var(--line);padding:16px;border-radius:14px}
.check b,.check span{display:block}
.check span{font-size:14px;color:var(--muted)}
.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{padding:13px 10px;text-align:left;border-bottom:1px solid var(--line);min-width:120px}
th{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.page-evidence{border-top:1px solid var(--line);padding:18px 0}
.page-evidence summary{font-weight:600;overflow-wrap:anywhere}
details{margin:22px 0}
summary{cursor:pointer}
dt{font-weight:600;margin-top:16px}
dd{margin:4px 0;overflow-wrap:anywhere}
.observation{background:var(--canvas);border-radius:10px;padding:12px;overflow-wrap:anywhere}
.cta{background:var(--navy-800);border-color:var(--navy-800);color:var(--on-navy)}
.cta p{color:var(--on-navy-muted)}
section[id]{scroll-margin-top:84px}

footer{background:var(--navy-900);color:var(--on-navy-muted);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:28px}
footer a{color:var(--moon);text-decoration:none}

@media (max-width:960px){.hero-grid{grid-template-columns:1fr;gap:36px}.hero{padding-block:44px 56px}}
@media (max-width:700px){.wrap{padding-inline:16px}.card{padding:22px}.checks{grid-template-columns:1fr 1fr}.report-heading{display:block}.report-actions{margin-top:14px}.hero h1 em{white-space:normal}.brand{font-size:22px}.brand-mark{width:48px}.signin{font-size:14px}}
@media print{body{background:#fff}.top,#intro,#status,button,footer,.cta,.share{display:none!important}.content{padding:0;max-width:none}.card{break-inside:avoid}a{text-decoration:none}table{font-size:10pt}.report-heading{display:block}}

.checker-embedded .top,.checker-embedded footer{display:none}.checker-embedded .hero{padding-block:28px 36px}.checker-embedded h1{font-size:clamp(30px,5vw,42px)}

/* results at a glance */
:root{--good:#1F9D6B;--good-bg:#E6F5EE;--fair:#B07A0E;--fair-bg:#FBF1DC;--poor:#B4382F;--poor-bg:#FBE9E7}
.summary{background:var(--navy-800);border-color:var(--navy-800);color:var(--on-navy)}
.summary .eyebrow{color:#61BBFF}
.summary h2{overflow-wrap:anywhere}
.glance{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.glance-tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-top:4px solid var(--on-navy-muted);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}
.glance-tile b{font-family:var(--display);font-size:34px;line-height:1.1;color:#fff}
.glance-label{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-muted)}
.glance-detail{font-size:14px;color:var(--moon)}
.glance-tile.good{border-top-color:#4FD1A0}
.glance-tile.fair{border-top-color:#F2B84B}
.glance-tile.poor{border-top-color:#FF7A6E}

/* what's holding you back */
.insights{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px}
.insight{border:1px solid var(--line);border-left:5px solid var(--fair);border-radius:14px;padding:18px 20px;background:#fff}
.insight.high{border-left-color:var(--poor)}
.insight h3{margin:8px 0 6px}
.insight p{margin:6px 0;color:var(--muted)}
.insight .fix{color:var(--ink)}
.level{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--fair-bg);color:var(--fair)}
.insight.high .level{background:var(--poor-bg);color:var(--poor)}

/* closest wins */
.wins{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.wins li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--canvas);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.win-pos{font-family:var(--display);font-weight:800;font-size:20px;color:var(--violet-600);min-width:3ch}
.win-term{font-weight:600;overflow-wrap:anywhere}
.win-vol{font-size:14px;color:var(--muted);white-space:nowrap}

/* call to action */
.cta .eyebrow{color:#61BBFF}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.cta .ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.cta .ghost:hover{background:rgba(255,255,255,.06)}
#followupNote:not(:empty){margin-top:14px;color:#fff;font-weight:600}
.cta .small{color:var(--on-navy-muted)}

@media (max-width:860px){.glance{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.glance-tile b{font-size:28px}.wins li{grid-template-columns:auto 1fr}.win-vol{grid-column:2}}
@media print{.summary{background:#fff;color:var(--ink)}.glance-tile{background:#fff;border-color:var(--line)}.glance-tile b{color:var(--ink)}.glance-detail,.glance-label{color:var(--muted)}}
/* What was read and found, stated before the email is asked for. Set apart
   from the explanatory text under it, because it is the only line on the card
   that is a measurement rather than a promise. */
.preview-line{margin:10px 0 0;font-weight:600;color:var(--ink)}

/* Below the fold: what the check gives you, and what one finding looks like.
   The page was one screen — hero, form, footer — so a visitor who was not
   already convinced had nothing to read and no idea what would arrive. */
.explainer{background:var(--canvas);padding:64px 0 72px;border-bottom:1px solid var(--line)}
.explainer h2{font-size:30px;letter-spacing:-.4px;margin:0 0 24px}
.explainer-second{margin-top:56px}
.explainer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.explainer-grid article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
.explainer-grid h3{font-size:18px;margin:0 0 10px}
.explainer-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
/* The sample is the report's own voice, so it is set apart as a quotation of
   the product rather than dressed up as a marketing panel. */
.sample{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:16px;padding:24px;max-width:720px}
.sample-area{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--violet)}
.sample-title{margin:0 0 8px;font-size:19px;font-weight:600}
.sample-why{margin:0;color:var(--muted);line-height:1.6}
.sample-note{margin:18px 0 0;font-size:14px;color:var(--muted)}
.explainer-limits{margin:40px 0 0;color:var(--muted);font-size:15px;max-width:860px;line-height:1.7}
@media(max-width:900px){.explainer-grid{grid-template-columns:1fr}.explainer{padding:48px 0 52px}.explainer h2{font-size:26px}}

.brand{font-family:Inter,"Segoe UI",sans-serif;font-weight:750}.brand-mark{width:48px;height:48px;object-fit:contain;padding:2px;border-radius:10px;background:#fff}
.report-details{margin:24px 0;border:1px solid var(--line);border-radius:14px;background:white;padding:22px}
.report-details>summary{font-weight:650;cursor:pointer;list-style-position:outside;margin-left:14px}
.report-details[open]>summary{margin-bottom:24px}
.report-details .card{box-shadow:none}
.booking-button{display:inline-flex;align-items:center;padding:12px 22px;border-radius:10px;background:#fff;color:var(--navy-900);font-weight:700;text-decoration:none}
.cta .tool-link{font-size:14px;margin-top:22px}.cta .tool-link a{color:#c4e6ff}
.cta #contactButton,.cta #restartButton{font-size:14px;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:4px}
.summary .small{color:#d6e9f8}.insight{box-shadow:none}.insight h3{margin-top:0}
@media(max-width:600px){.report-details{padding:16px}.report-details .card{padding:16px}.cta-actions>*{width:100%;justify-content:center}.report-heading{align-items:flex-start}}
@media print{.report-details>summary,.booking-button{display:none}.report-details>*,.report-details:not([open])>*{display:block!important}}