.home-preview{--hp-ink:#102943;--hp-card:#102d43;--hp-blue:#1659db;font-family:'DM Sans',Arial,sans-serif;color:var(--hp-ink);border-bottom:1px solid #dce5ed}
.home-preview *{box-sizing:border-box}.hp-stage{height:calc(100svh - 88px);position:relative;overflow:hidden;isolation:isolate;background:#e8ecee}
.hp-background,.hp-scene,.hp-evidence,.hp-evidence-scene{position:absolute;inset:0}.hp-background{z-index:0}.hp-scene{overflow:hidden}.hp-cell,.hp-tile{position:absolute;overflow:hidden}.hp-tile img{position:absolute;max-width:none;filter:grayscale(1);opacity:.82}
.hp-veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse var(--hp-rx,650px) var(--hp-ry,600px) at 50% var(--hp-cy,50%),#fffffff2 0%,#ffffffe8 45%,#ffffff8c 76%,#ffffff1a 100%,transparent 120%)}
.hp-copy{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:min(570px,calc(100% - 40px));text-align:center;text-shadow:0 1px 10px #ffffff80}
.hp-eyebrow{display:block;color:#224764;font-size:11px;line-height:1.5;letter-spacing:.07em;font-weight:500;margin-bottom:14px;text-transform:uppercase}
.home-preview h1{color:#102943;font-size:clamp(32px,3vw,45px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:0 0 19px;max-width:none}
.hp-intro{font-size:15px;line-height:1.6;margin:0 0 24px;color:#183749}.hp-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}
.hp-primary{color:#fff;background:#1659db;border-radius:6px;padding:12px 17px;font-size:13px;line-height:1.4;font-weight:600;text-decoration:none;white-space:nowrap}.hp-primary:hover{background:#1049ba;text-decoration:none}.hp-secondary{font-size:13px;color:#102943;white-space:nowrap}.hp-secondary span{margin-left:4px}
.hp-evidence{z-index:3;pointer-events:none}.hp-card{position:absolute;overflow:hidden;border-radius:6px;padding:8px 10px;background:#102d43;color:white;box-shadow:0 3px 10px #10294314;font-size:13px;line-height:1.35}.hp-label{display:block;color:#d5e2eb;font-size:10px;line-height:1.3;margin-bottom:4px}.hp-text{display:block}.hp-result{display:flex;align-items:center;gap:5px;border-top:1px solid #ffffff35;margin-top:7px;padding-top:6px;font-size:11px;line-height:1.35}.hp-result b{display:inline-grid;place-items:center;color:#177d50;background:#f4fff8;width:16px;height:16px;border-radius:50%;flex-shrink:0}.hp-result.is-check b{color:#b32d42;background:#fff3f5}
.hp-pin{position:absolute;display:grid;place-items:center;width:18px;height:18px;border:1px solid #10294385;border-radius:50%;background:#fff;color:#102943;font-size:9px;line-height:1;z-index:2}.hp-pin.is-entered{background:#102d43;color:#fff;border-color:#fff}.hp-line{position:absolute;height:1px;background:#10294380;transform-origin:0 50%;z-index:0}
.hp-accessible{position:absolute;bottom:12px;left:12px;width:1px;height:1px;border:0;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.hp-accessible:focus-visible{width:auto;height:auto;clip-path:none;z-index:6;padding:8px 12px;background:white;color:#102943;border:1px solid #102943;outline:2px solid #1659db}
.hp-short-intro{display:none}.hp-context{display:grid;grid-template-columns:repeat(3,1fr);max-width:1180px;margin:0 auto;padding:30px 28px;gap:32px;border-bottom:1px solid #dce5ed}.hp-context strong{display:block;font-size:14px;font-weight:500}.hp-context span{display:block;font-size:13px;color:#506473;margin-top:3px}
.hp-compact .hp-copy{width:min(500px,calc(100% - 36px));transform:translate(-50%,0);top:12px}.hp-compact h1{font-size:28px;line-height:1.1;margin-bottom:15px}.hp-compact .hp-eyebrow{font-size:10px;margin-bottom:10px}.hp-compact .hp-intro{font-size:14px;line-height:1.5;margin-bottom:18px}.hp-compact .hp-card{font-size:11px;line-height:1.3;padding:6px 8px}.hp-compact .hp-label{font-size:9px;line-height:1.25;margin-bottom:3px}.hp-compact .hp-result{font-size:10px;line-height:1.3;margin-top:5px;padding-top:5px}.hp-compact .hp-primary{font-size:12px;padding:11px 13px}.hp-compact .hp-secondary{font-size:12px}.hp-compact .hp-actions{gap:12px}
.hp-short .hp-intro{display:none}.home-preview.hp-short .hp-short-intro{display:block;margin:0;padding:22px;font-size:14px;line-height:1.6}.hp-short h1{font-size:24px;margin-bottom:12px}.hp-short .hp-eyebrow{margin-bottom:8px}.hp-short .hp-primary{font-size:11px;padding:10px 12px}.hp-short .hp-secondary{font-size:11px}
@media(max-width:600px){.hp-context{grid-template-columns:1fr;gap:14px;padding:24px 22px}}
@media(max-width:360px){body:has(.home-preview) .nav{min-height:56px;gap:8px;flex-wrap:nowrap;padding-top:10px;padding-bottom:10px}body:has(.home-preview) .brand-mark{width:32px;height:32px}body:has(.home-preview) .brand{font-size:22px;gap:8px}body:has(.home-preview) .links{gap:10px}body:has(.home-preview) .links a{font-size:12px}body:has(.home-preview) .links .button{display:none}.hp-compact h1{font-size:25px}.hp-short h1{font-size:22px}.hp-copy{width:calc(100% - 32px)}}

@media(min-width:600px) and (max-width:1099px){.hp-compact .hp-copy{width:400px}}

@media(max-width:330px) and (max-height:650px){.hp-short h1{font-size:20px}}
@media(max-width:600px) and (max-height:780px){body:has(.home-preview) .nav{min-height:56px;gap:8px;flex-wrap:nowrap;padding-top:10px;padding-bottom:10px}body:has(.home-preview) .brand-mark{width:32px;height:32px}body:has(.home-preview) .brand{font-size:22px;gap:8px}body:has(.home-preview) .links{gap:10px}body:has(.home-preview) .links a{font-size:12px}body:has(.home-preview) .links .button{display:none}}