/* Homepage additions (2026-10-02, plain-language pass 2026-10-03): a real scam and its answer,
   what PRINCE protects from, what the guardians learned, Mama's routing. Same rules as
   prince-motion.css: flat surfaces, hairlines, a guardian's own accent, and gold motion only for a
   finite event. Nothing here loops. Written for someone arriving for the first time: labels are
   sentence case in the reading font, and supporting text is never small or dim. */

/* Plain labels: the instrument labels read as words, not code. */
.prince-home-motion .pm-index { font-family:inherit;font-size:15px;line-height:1.4;font-weight:700;letter-spacing:0;text-transform:none;color:var(--pm-gold); }
.prince-home-motion .hero-kicker { font-family:inherit;font-size:17px;font-weight:600;letter-spacing:0;text-transform:none; }
.prince-home-motion .hn-lead { margin:0 auto 4px; }
.prince-home-motion .trust-strip a, .prince-home-motion .hn-threat a, .prince-home-motion .hn-fine a, .prince-home-motion .hn-step-note a { color:var(--pm-gold); }

/* The store badge in the action row. The image keeps its own clear space: the row's height comes
   from the buttons, so only the transparent margin above and below the artwork is pulled in. */
.prince-home-motion .hn-cta { align-items:center; }
.prince-home-motion .hn-play { display:inline-flex;align-items:center;justify-content:center;line-height:0;margin-block:-13px; }
.prince-home-motion .hn-play img { display:block;width:212px;height:auto; }

/* Supporting text: readable size and contrast everywhere. */
.prince-home-motion .hn-step-note, .prince-home-motion .hn-fine, .prince-home-motion .hn-board-foot { font-family:inherit;font-size:15px;line-height:1.6;color:#cfc7cc; }
.prince-home-motion .hn-fine { max-width:920px;margin:16px auto 0; }

/* A real scam text, a real answer. The parts arrive in order, once, as the gold line crosses the
   top; then everything is still. Without JavaScript or with reduced motion all of it is shown. */
.prince-home-motion .hn-moment { max-width:var(--max);margin:0 auto;padding:56px clamp(22px,4vw,44px);text-align:center;border-top:1px solid var(--pm-line); }
.prince-home-motion .hn-moment-flow { position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1.5fr);grid-template-rows:auto 1fr;margin:28px 0 0;text-align:left;border:1px solid var(--pm-line); }
.prince-home-motion .hn-moment-signal { position:absolute;left:0;top:-2px;width:100%;height:4px;pointer-events:none; }
.prince-home-motion .hn-step { padding:20px 20px 22px;border-right:1px solid var(--pm-line);min-width:0; }
.prince-home-motion .hn-step-answer { grid-column:3;grid-row:1 / span 2;border-right:0; }
.prince-home-motion .hn-step > .pm-index { display:block;margin-bottom:14px; }
.prince-home-motion .hn-step-note { margin:12px 0 0; }
.prince-home-motion .hn-sms { padding:12px 14px 14px;border:1px solid var(--pm-line);border-radius:10px 10px 10px 2px;background:#17141a;overflow-wrap:anywhere; }
.prince-home-motion .hn-sms-from { display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:#cfc7cc; }
.prince-home-motion .hn-sms p { margin:0;font-size:17px;line-height:1.55;color:var(--ink); }
.prince-home-motion .hn-ask img { display:block;width:40px;height:40px;margin-bottom:12px; }
.prince-home-motion .hn-ask p { margin:0;font-size:17px;line-height:1.6;color:var(--ink); }
.prince-home-motion .hn-ask .hn-checking { margin-top:14px;padding:10px 12px;border:1px solid var(--pm-line);border-radius:6px; }
.prince-home-motion .hn-checking b { display:block;font-size:16px;font-weight:700;color:var(--ink); }
.prince-home-motion .hn-checking span { display:block;font-size:15px;font-weight:600;color:var(--pm-gold); }
.prince-home-motion .hn-stop { padding:14px;border:2px solid #e0576a;border-radius:8px;background:#e0576a33; }
.prince-home-motion .hn-stop strong { display:block;margin-bottom:4px;font-size:20px;line-height:1.3;font-weight:900;color:#e0576a; }
.prince-home-motion .hn-stop p { margin:0;font-size:16px;line-height:1.55;color:#f4efe9; }
.prince-home-motion .hn-answer { position:relative;margin-top:12px;padding:2px 0 0 14px; }
.prince-home-motion .hn-answer::before { content:"";position:absolute;left:0;top:6px;bottom:2px;width:3px;background:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-answer p { margin:0;padding:10px 0;border-top:1px solid var(--pm-line);font-size:17px;line-height:1.55;color:var(--ink); }
.prince-home-motion .hn-answer .hn-answer-head { display:flex;justify-content:space-between;gap:12px;padding:4px 0 8px;border-top:0;font-size:15px;font-weight:700; }
.prince-home-motion .hn-answer .hn-who { color:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-risk { color:#e0576a; }
.prince-home-motion .hn-call { grid-column:1 / span 2;grid-row:2;padding:18px 20px 22px;border-top:1px solid var(--pm-line);border-right:1px solid var(--pm-line);min-width:0; }
.prince-home-motion .hn-call > .pm-index { display:block;margin-bottom:12px; }
.prince-home-motion .hn-notice { max-width:440px;padding:10px 14px;border:1px solid var(--pm-line);border-radius:8px;background:#17141a; }
.prince-home-motion .hn-notice strong { display:block;font-size:17px;font-weight:700;color:var(--ink); }
.prince-home-motion .hn-notice p { margin:2px 0 0;font-size:16px;line-height:1.5;color:#e9e2da; }
.prince-home-motion .hn-moment [data-hn-part] { --d:0s; }
.prince-home-motion .hn-moment.is-armed [data-hn-part] { opacity:0; }
.prince-home-motion .hn-moment.is-armed [data-hn-part].is-in { animation:hn-arrive .45s var(--d) ease-out both 1; }
.prince-home-motion .hn-moment.is-armed .hn-stop.is-in { animation:hn-arrive .45s var(--d) ease-out both 1, hn-stop-ring .9s calc(var(--d) + .15s) ease-out 1; }
.prince-home-motion .hn-moment.is-active .hn-moment-signal .pm-signal { animation:pm-travel 4s linear 1; }
@keyframes hn-arrive { from{opacity:0} to{opacity:1} }
@keyframes hn-stop-ring { 0%,100%{box-shadow:0 0 0 0 #e0576a00} 40%{box-shadow:0 0 0 3px #e0576a66} }

/* What PRINCE protects you from */
.prince-home-motion .hn-threats { max-width:var(--max);margin:0 auto;padding:56px clamp(22px,4vw,44px);text-align:center;border-top:1px solid var(--pm-line); }
.prince-home-motion .hn-threat-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 0;text-align:left;border-top:1px solid var(--pm-line);border-left:1px solid var(--pm-line); }
.prince-home-motion .hn-threat { position:relative;margin:0;padding:22px 20px 24px 22px;border-right:1px solid var(--pm-line);border-bottom:1px solid var(--pm-line);overflow-wrap:anywhere; }
.prince-home-motion .hn-threat::before { content:"";position:absolute;left:0;top:22px;width:3px;height:20px;background:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-threat .pm-index { color:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-said { margin:10px 0 10px;font-size:20px;line-height:1.35;font-weight:700;color:var(--ink); }
.prince-home-motion .hn-threat p:last-child { margin:0;font-size:17px;line-height:1.6;color:#e9e2da; }
.prince-home-motion .hn-also { max-width:920px;margin:26px auto 0;font-size:17px;line-height:1.7;color:#e9e2da; }
.prince-home-motion .hn-also strong { color:var(--ink);font-weight:700; }

/* What the guardians learned */
.prince-home-motion .hn-learning { max-width:var(--max);margin:0 auto;padding:56px clamp(22px,4vw,44px);text-align:center;border-bottom:1px solid var(--pm-line); }
.prince-home-motion .hn-board { position:relative;max-width:980px;margin:28px auto 0;text-align:left;border:1px solid var(--pm-line); }
.prince-home-motion .hn-board::before, .prince-home-motion .hn-board::after { content:"";position:absolute;width:12px;height:12px;border:solid var(--pm-gold);pointer-events:none; }
.prince-home-motion .hn-board::before { left:-1px;top:-1px;border-width:1px 0 0 1px; }
.prince-home-motion .hn-board::after { right:-1px;bottom:-1px;border-width:0 1px 1px 0; }
.prince-home-motion .hn-board-signal { display:block;width:100%;height:4px; }
.prince-home-motion .hn-sources { padding:14px 20px 18px; }
.prince-home-motion .hn-source-list { display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none; }
.prince-home-motion .hn-source-list li { padding:6px 11px;border:1px solid var(--pm-line);border-radius:3px;font-size:15px;line-height:1.4;color:var(--ink); }
.prince-home-motion #hn-live { border-top:1px solid var(--pm-line); }
.prince-home-motion .hn-board-label { display:block;padding:16px 20px 6px; }
.prince-home-motion .hn-rows { list-style:none;margin:0;padding:0; }
.prince-home-motion .hn-row { display:grid;grid-template-columns:72px 72px minmax(0,1fr);gap:14px;align-items:baseline;padding:12px 20px;border-top:1px solid var(--pm-line);font-size:16px;line-height:1.5;color:#e9e2da; }
.prince-home-motion .hn-row time { font-size:15px;color:#cfc7cc; }
.prince-home-motion .hn-who { font-size:15px;font-weight:700;color:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-board-foot { margin:0;padding:14px 20px;border-top:1px solid var(--pm-line); }
.prince-home-motion .hn-board.is-active .pm-signal { animation:pm-travel 1.4s ease-in-out 1; }
.prince-home-motion .hn-note { max-width:900px;margin:22px auto 0;font-size:17px;line-height:1.7;color:#e9e2da; }

/* What PRINCE does: the guardian's name in its own accent, no portrait */
.prince-home-motion .hn-lane { flex:none;padding:3px 9px;border:1px solid var(--lane,var(--pm-gold));border-radius:3px;font-size:14px;font-weight:700;line-height:1.5;color:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-lane + .hn-lane { margin-left:-6px; }
.prince-home-motion .hn-offer-price { margin:0 0 12px;font-size:16px;font-weight:700;line-height:1.5;color:var(--pm-gold); }

/* The Protocol: what it is, and where to read it. */
.prince-home-motion .hn-protocol { max-width:900px;margin:0 auto;padding:48px clamp(22px,4vw,44px);text-align:center; }
.prince-home-motion .hn-protocol-cta { margin:18px 0 0; }

/* Mama's routing: a warning in, the right defender out. One pass when it comes into view. */
.prince-home-motion .hn-route { position:relative;display:grid;grid-template-columns:minmax(64px,1fr) auto minmax(0,2.4fr);align-items:center;column-gap:clamp(40px,9vw,110px);max-width:720px;min-height:178px;margin:22px auto 18px;text-align:left; }
.prince-home-motion .hn-route svg { position:absolute;inset:0;width:100%;height:100%;pointer-events:none; }
.prince-home-motion .hn-route .pm-track { vector-effect:non-scaling-stroke; }
.prince-home-motion .hn-route-in, .prince-home-motion .hn-route-hub, .prince-home-motion .hn-route-out { position:relative;z-index:1;background:var(--bg); }
.prince-home-motion .hn-route-in { justify-self:start;padding:4px 8px 4px 0;font-size:15px;color:#e9e2da; }
.prince-home-motion .hn-route-hub { padding:12px 18px;border:1px solid #e0576a;border-radius:4px;font-size:17px;font-weight:800;line-height:1;color:#e0576a; }
.prince-home-motion .hn-route-out { display:grid;grid-template-rows:repeat(3,1fr);align-self:stretch;margin:0;padding:0;list-style:none;background:none; }
.prince-home-motion .hn-route-out li { display:flex;align-items:center; }
.prince-home-motion .hn-route-out span { padding:4px 0 4px 10px;background:var(--bg);font-size:16px;line-height:1.4;color:#e9e2da; }
.prince-home-motion .hn-route-out b { margin-right:8px;font-size:16px;font-weight:800;color:var(--lane,var(--pm-gold)); }
.prince-home-motion .hn-route.is-active .hn-in { animation:pm-travel 1s ease-in-out 1; }
.prince-home-motion .hn-route.is-active .hn-route-hub { animation:hn-hub .7s .85s ease-out 1; }
.prince-home-motion .hn-route.is-active .hn-out-1 { animation:pm-travel 1s 1.05s ease-in-out 1; }
.prince-home-motion .hn-route.is-active .hn-out-2 { animation:pm-travel 1s 1.25s ease-in-out 1; }
.prince-home-motion .hn-route.is-active .hn-out-3 { animation:pm-travel 1s 1.45s ease-in-out 1; }
@keyframes hn-hub { 0%,100%{box-shadow:0 0 0 0 #e0576a00} 45%{box-shadow:0 0 0 2px #e0576a88} }

@media (max-width:1000px) {
 .prince-home-motion .hn-threat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
 /* Stacked: each part arrives as it comes into view, with no wait. */
 .prince-home-motion .hn-moment-flow { grid-template-columns:1fr; }
 .prince-home-motion .hn-step { border-right:0;border-bottom:1px solid var(--pm-line); }
 .prince-home-motion .hn-step-answer { grid-column:auto;grid-row:auto; }
 .prince-home-motion .hn-moment [data-hn-part] { --d:0s !important; }
 .prince-home-motion .hn-call { grid-column:auto;grid-row:auto;border-top:0;border-right:0; }
 .prince-home-motion .hn-ask { display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:start; }
 .prince-home-motion .hn-ask img { margin:2px 0 0; }
 .prince-home-motion .hn-ask .hn-checking { grid-column:1 / -1; }
}
@media (max-width:600px) {
 .prince-home-motion .hn-threats, .prince-home-motion .hn-learning, .prince-home-motion .hn-moment { padding:40px clamp(12px,4vw,20px); }
 .prince-home-motion .hn-step { padding:16px 14px 18px; }
 .prince-home-motion .hn-call { padding:16px 14px 18px; }
 .prince-home-motion .hn-threat-grid { grid-template-columns:1fr; }
 .prince-home-motion .hn-said { font-size:19px; }
 /* On a phone the actions come straight after the headline; the explanation follows them. */
 .prince-home-motion .pp-hero .hn-cta { order:1; }
 .prince-home-motion .pp-hero .hn-lead { order:2;margin-top:10px; }
 .prince-home-motion .pp-hero .trust-strip { order:3; }
 .prince-home-motion .hn-cta .btn { text-wrap:balance; }
 .prince-home-motion .hn-play { margin-block:0; }
 .prince-home-motion .hn-play img { width:100%;max-width:190px; }
 .prince-home-motion .hn-sources { padding:12px 14px 14px; }
 .prince-home-motion .hn-row { grid-template-columns:58px 62px minmax(0,1fr);gap:8px;padding:10px 14px;font-size:15px; }
 .prince-home-motion .hn-board-label, .prince-home-motion .hn-board-foot { padding-inline:14px; }
 .prince-home-motion .hn-route { column-gap:26px;min-height:168px; }
 .prince-home-motion .hn-route-out span { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) {
 .prince-home-motion .hn-moment.is-armed [data-hn-part] { opacity:1 !important; }
}