Home

/* Thompson Mobile Notary homepage styles. Paste into Additional CSS. */
@import url(“https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&family=Montserrat:wght@400;500;600;700&display=swap“);

.tn-home{
–navy:#0f2342; –navy-2:#173159; –gold:#c49a3a; –gold-soft:#e9d9b0;
–bg:#fbfaf7; –surface:#ffffff; –fg:#1b2333; –muted:#5b6475; –line:#e4e0d6;
–on-navy:#f6f1e4; –on-navy-muted:#c9cfdb;
–display:”Playfair Display”, Georgia, “Times New Roman”, serif;
–body:”Montserrat”, “Helvetica Neue”, Arial, sans-serif;
width:100vw; max-width:100vw; margin-left:calc(50% – 50vw); margin-right:calc(50% – 50vw);
background:var(–bg); color:var(–fg); font-family:var(–body); font-size:16px; line-height:1.6;
overflow-x:hidden;
}
.tn-home *{box-sizing:border-box}
.tn-home h1,.tn-home h2,.tn-home h3{font-family:var(–display);text-wrap:balance;margin:0;line-height:1.15;color:inherit;letter-spacing:normal;text-transform:none}
.tn-home p{margin:0}
.tn-home figure{margin:0}
.tn-home a{color:inherit}
.tn-home img{max-width:100%;height:auto}
.tn-home .wrap{max-width:1080px;margin-inline:auto;padding-inline:20px}
.tn-home .eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(–gold)}

.tn-home .hero{background:linear-gradient(180deg,var(–navy) 0%,var(–navy-2) 100%);color:var(–on-navy)}
.tn-home .hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:56px 64px}
.tn-home .hero h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:600;margin-top:12px;color:var(–on-navy)}
.tn-home .hero h1 em{font-style:italic;color:var(–gold-soft);font-weight:500}
.tn-home .lede{margin-top:18px;max-width:34em;color:var(–on-navy-muted);font-size:1.05rem}
.tn-home .tagline{margin-top:22px;font-family:var(–display);font-style:italic;font-size:1.15rem;color:var(–gold-soft)}
.tn-home .cta-row{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.tn-home .btn{display:inline-flex;align-items:center;background:var(–gold);color:#14213a;font-weight:700;text-decoration:none;padding:14px 26px;border-radius:4px;font-size:1rem;font-variant-numeric:tabular-nums}
.tn-home .btn:hover{filter:brightness(1.07);color:#14213a}
.tn-home .btn:focus-visible{outline:3px solid var(–gold-soft);outline-offset:3px}

.tn-home .portrait{position:relative;justify-self:center;width:100%;max-width:360px}
.tn-home .portrait .frame{border-radius:180px 180px 6px 6px;overflow:hidden;border:2px solid var(–gold);aspect-ratio:4/5;background:#2a3a57}
.tn-home .portrait .frame img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.tn-home .seal{position:absolute;left:-34px;bottom:46px;width:118px;height:118px}
.tn-home .caption{margin-top:16px;text-align:center;font-size:.85rem;color:var(–on-navy-muted)}
.tn-home .caption strong{display:block;font-family:var(–display);font-size:1.15rem;color:var(–on-navy);font-weight:600}

.tn-home .trust{background:var(–surface);border-bottom:1px solid var(–line)}
.tn-home .trust ul{list-style:none;margin:0 auto;padding-block:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;font-size:.85rem;font-weight:600;color:var(–muted)}
.tn-home .trust li{display:flex;align-items:center;gap:8px;margin:0}
.tn-home .trust li::before{content:””;width:7px;height:7px;transform:rotate(45deg);background:var(–gold)}

.tn-home section.block{padding-block:72px}
.tn-home .head{max-width:40em;margin-bottom:36px}
.tn-home .head h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-top:8px;font-weight:600}
.tn-home .head p{margin-top:12px;color:var(–muted)}

.tn-home .services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(–line)}
.tn-home .svc{padding:26px 24px 28px 0;border-bottom:1px solid var(–line);min-width:0}
.tn-home .svc:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(–line)}
.tn-home .svc h3{font-size:1.2rem;font-weight:600}
.tn-home .svc p{margin-top:8px;color:var(–muted);font-size:.93rem}

.tn-home .process{background:var(–surface);border-block:1px solid var(–line)}
.tn-home .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tn-home .step{min-width:0}
.tn-home .step .n{font-family:var(–display);font-size:2.4rem;color:var(–gold);line-height:1}
.tn-home .step h3{font-size:1.15rem;margin-top:10px;font-weight:600}
.tn-home .step p{margin-top:8px;color:var(–muted);font-size:.93rem}
.tn-home .perks{margin-top:44px;display:flex;flex-wrap:wrap;gap:10px}
.tn-home .perks span{border:1px solid var(–line);background:var(–bg);padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:500}

.tn-home .about{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.tn-home .creds{border:1px solid var(–line);background:var(–surface);padding:26px;border-radius:4px}
.tn-home .creds h3{font-size:1.1rem;font-weight:600;margin-bottom:14px}
.tn-home .creds dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:.92rem}
.tn-home .creds dt{color:var(–muted);font-weight:400}
.tn-home .creds dd{margin:0;font-weight:600}
.tn-home .about-text h2{font-size:clamp(1.6rem,3vw,2.3rem);margin-block:8px 18px;font-weight:600}
.tn-home .about-text p+p{margin-top:16px}
.tn-home .about-text p{max-width:36em}
.tn-home .quote{margin-top:26px;font-family:var(–display);font-style:italic;font-size:1.3rem;border-left:2px solid var(–gold);padding-left:18px}

.tn-home .closing{background:var(–navy);color:var(–on-navy);text-align:center}
.tn-home .closing h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:600;margin-top:10px;color:var(–on-navy)}
.tn-home .closing p{margin:14px auto 0;max-width:34em;color:var(–on-navy-muted)}
.tn-home .closing .cta-row{justify-content:center}
.tn-home .big-phone{font-family:var(–display);font-size:clamp(2rem,5vw,3rem);color:var(–gold-soft);margin-top:22px;font-variant-numeric:tabular-nums}

.tn-home .tn-footer{background:#0a172c;color:#b9c1cf;font-size:.82rem}
.tn-home .tn-footer .wrap{padding-block:34px;display:grid;gap:16px}
.tn-home .tn-footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.tn-home .tn-footer .disclaimer{border-top:1px solid #22324e;padding-top:16px;line-height:1.55;max-width:60em}