/* Seen&Secured check app UI (brand v1.0). Self-hosted fonts, no external requests. */
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url(../fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--navy:#0B1F3A;--navy2:#16335C;--cyan:#00B8D9;--mist:#CEDCEC;--slate:#4A6385;--paper:#F3F7FB}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--navy);background:var(--paper);line-height:1.55}
h1,h2,h3,h4{font-family:Montserrat,sans-serif;font-weight:800;line-height:1.15}
a{color:#0A6F86}
.top{background:#fff;border-bottom:1px solid #E1E9F2}
.top .in,.foot .in,.wrap{max-width:1080px;margin:0 auto;padding:0 1.2rem}
.top .in{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.7rem;padding-bottom:.7rem}
.top img{height:44px}
.top nav a{margin-left:1.1rem;font-weight:600;text-decoration:none;color:var(--navy)}
.hero{background:var(--navy) url(../img/hero-cafe.jpg) center/cover;color:#fff;position:relative}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,31,58,.94),rgba(11,31,58,.6))}
.hero .wrap{position:relative;padding-top:3.2rem;padding-bottom:3.2rem}
.hero h1{font-size:clamp(2rem,4.5vw,3rem);margin:.3rem 0 .8rem;max-width:18ch}
.hero p{color:var(--mist);max-width:44rem;font-size:1.08rem}
.kick{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;color:var(--cyan)}
.amp{color:var(--cyan)}
.card{background:#fff;border:1px solid #E1E9F2;border-radius:18px;padding:1.6rem;box-shadow:0 8px 30px rgba(11,31,58,.06);margin:-2rem auto 2.5rem;position:relative;max-width:860px}
.steps{display:flex;gap:.4rem;margin-bottom:1.2rem;flex-wrap:wrap}
.steps span{flex:1;min-width:120px;font-size:.8rem;font-weight:700;text-align:center;padding:.5rem;border-radius:999px;background:var(--paper);color:var(--slate)}
.steps span.on{background:var(--navy);color:#fff}
fieldset{border:0;padding:0;margin:0 0 1rem}
legend{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.3rem;margin-bottom:.4rem}
.lead{color:var(--slate);margin-top:0}
label{display:block;font-weight:600;margin:.9rem 0 .3rem;font-size:.95rem}
label .opt{font-weight:400;color:var(--slate);font-size:.85rem}
input[type=text],input[type=email],input[type=url],input[type=tel]{width:100%;padding:.75rem .9rem;border:1.5px solid #C9D6E5;border-radius:10px;font:inherit;color:var(--navy);background:#fff}
input:focus{outline:3px solid rgba(0,184,217,.35);border-color:var(--cyan)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
.hint{font-size:.82rem;color:var(--slate);margin:.25rem 0 0}
.chk{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;margin:.8rem 0}
.chk input{margin-top:.3rem;width:1.1rem;height:1.1rem;accent-color:var(--navy)}
.area{border-top:1px solid #E1E9F2;padding-top:.8rem;margin-top:1rem}
.area h3{margin:.2rem 0 .2rem;font-size:1.1rem}
.area .intro{font-size:.86rem;color:var(--slate);margin:0 0 .4rem}
.q{padding:.6rem 0;border-bottom:1px dashed #E1E9F2}
.q p{margin:0 0 .4rem;font-weight:600;font-size:.95rem}
.q p small{display:block;font-weight:400;color:var(--slate)}
.opts{display:flex;flex-wrap:wrap;gap:.4rem}
.opts label{margin:0;font-weight:600;font-size:.86rem}
.opts input{position:absolute;opacity:0;pointer-events:none}
.opts span{display:inline-block;padding:.4rem .9rem;border:1.5px solid #C9D6E5;border-radius:999px;cursor:pointer;background:#fff}
.opts input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.opts input:focus-visible+span{outline:3px solid var(--cyan)}
.nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem}
.btn{font-family:Montserrat,sans-serif;font-weight:800;border-radius:999px;padding:.85rem 1.6rem;border:2px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;font-size:1rem;text-decoration:none;display:inline-block}
.btn.cy{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.btn.alt{background:#fff;color:var(--navy)}
.err{color:#B3261E;font-size:.86rem;margin:.3rem 0 0}
.formerr{background:#FDECEC;border:1px solid #F3B8B8;color:#8C1D18;border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem}
.privacy-box{background:var(--paper);border-radius:12px;padding:1rem 1.2rem;font-size:.88rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.loading{display:none;text-align:center;padding:1rem;font-weight:600}
.js .step{display:none}.js .step.on{display:block}
.no-js .steps{display:none}
.foot{background:var(--navy);color:var(--mist);padding:1.6rem 0;font-size:.85rem;margin-top:2rem}
.foot a{color:#fff}
table.leads{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}
table.leads th,table.leads td{padding:.6rem .7rem;border-bottom:1px solid #E1E9F2;text-align:left;vertical-align:top}
table.leads th{background:var(--navy);color:#fff;font-family:Montserrat,sans-serif;font-weight:800}
.page{max-width:820px;margin:2rem auto;background:#fff;border-radius:18px;padding:2rem;border:1px solid #E1E9F2}
@media (max-width:700px){.grid2{grid-template-columns:1fr}.top nav a{margin-left:.6rem;font-size:.9rem}}
@media print{.top,.foot,.ssr-actions{display:none}body{background:#fff}}

/* ===== My checks ===== */
.note{background:#E6F8FC;border:1px solid #9FE3F0;border-radius:10px;padding:.8rem 1rem;margin-bottom:1rem;font-size:.92rem}
.devbox{background:#FFF4F4;border:2px dashed #B3261E;color:#5C1410;border-radius:10px;padding:.9rem 1rem;margin:1rem 0;font-size:.9rem}
.devbox a{color:#B3261E;font-weight:700;word-break:break-all}
.acct-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.acct-head h1{margin:.2rem 0}
table.checks{--g:#1E8E60;--a:#D68C00;--r:#C83A3A;width:100%;border-collapse:collapse;background:#fff;font-size:.93rem;border-radius:14px;overflow:hidden}
table.checks th,table.checks td{padding:.8rem .9rem;border-bottom:1px solid #E1E9F2;text-align:left;vertical-align:top}
table.checks th{background:var(--navy);color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:.85rem}
table.checks .score{font-family:Montserrat,sans-serif;font-weight:800;font-size:1.25rem}
table.checks .ssr-pill{font-size:.72rem;padding:.2rem .6rem}
.chg{display:block;font-size:.82rem;font-weight:600;margin-top:.15rem}
.chg.up{color:#1E7A52}.chg.down{color:#B3261E}.chg.same,.chg.first{color:var(--slate)}
.nc{display:block;font-size:.76rem;color:var(--slate);margin-top:.15rem}
.row-actions a{display:inline-block;margin:.1rem .6rem .1rem 0;font-weight:600}
.latest-tag{display:inline-block;background:var(--cyan);color:var(--navy);font-size:.7rem;font-weight:800;border-radius:999px;padding:.05rem .5rem;margin-left:.3rem;font-family:Montserrat,sans-serif}
.danger{border:1px solid #F3B8B8;background:#fff;border-radius:14px;padding:1.2rem 1.4rem;margin-top:2rem}
.danger h2{font-size:1.1rem;margin:0 0 .4rem}
.btn.red{background:#B3261E;border-color:#B3261E}
.acct-card{max-width:560px;margin:2.5rem auto;background:#fff;border:1px solid #E1E9F2;border-radius:18px;padding:2rem;box-shadow:0 8px 30px rgba(11,31,58,.06)}
.acct-card input[type=email]{width:100%}
.linkbtn{background:none;border:none;color:#0A6F86;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
@media (max-width:760px){table.checks thead{display:none}table.checks tr{display:block;border-bottom:2px solid #E1E9F2}table.checks td{display:block;border:none;padding:.4rem .9rem}table.checks td[data-l]::before{content:attr(data-l);display:block;font-size:.75rem;font-weight:700;color:var(--slate)}}
/* Admin area and paid / unpaid tiers */
.admintop .admin-tag{background:#B3261E;color:#fff;font-family:Montserrat,sans-serif;font-weight:800;font-size:.72rem;letter-spacing:.12em;border-radius:6px;padding:.2rem .5rem}
.admintop .admin-who{margin-left:.8rem;font-weight:600;color:var(--slate);font-size:.9rem}
.btn.sm{padding:.45rem 1rem;font-size:.85rem}
.admin h2{font-size:1.2rem}
.admin-card{background:#fff;border:1px solid #E1E9F2;border-radius:14px;padding:1rem 1.2rem;margin:0 0 1rem}
.admin-card h2{margin:0 0 .5rem}
.admin .row{display:flex;gap:.6rem;align-items:flex-end;flex-wrap:wrap}
.admin .row form{margin:0}
.admin .row input[type=email]{flex:1;min-width:240px}
.admin input[type=date]{display:block;padding:.4rem .6rem;border:1.5px solid #C9D6E5;border-radius:8px;font:inherit;color:var(--navy)}
.admin label{font-size:.85rem;font-weight:600}
.admin .check-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.tier{display:inline-block;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:800;font-family:Montserrat,sans-serif;white-space:nowrap}
.tier.free{background:#EEF3F8;color:var(--slate);border:1px solid #C9D6E5}
.tier.full{background:var(--navy);color:#fff}
.watch-badge{display:inline-block;background:var(--cyan);color:var(--navy);border-radius:999px;padding:.15rem .7rem;font-size:.78rem;font-weight:800;font-family:Montserrat,sans-serif;margin-left:.4rem}
.credit-admin{margin:.2rem 0 .6rem;font-weight:600;color:#0E6E80}
.danger-btn{border-color:#B3261E;color:#B3261E}
table.audit small.tok{color:var(--slate)}