/*
Theme Name: Roach Notary V3
Author: TechEase
Description: One-page site for Roach Mobile Notary Services LLC. Version 3, bold modern: night-navy bands, big type, one gold accent.
Version: 3.3.1
Requires at least: 6.4
Text Domain: roach-notary-v3
*/
@font-face{font-family:"Outfit";font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/outfit-latin.woff2) format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/manrope-latin.woff2) format("woff2")}
:root{
 --ink:#0A0F1C;--ink-2:#131C30;--ink-3:#1C2740;--line-d:#2A3652;
 --gold:#E2B254;--gold-2:#F0C774;--gold-ink:#7A561A;
 --bone:#F4F1EA;--white:#fff;--text:#1A2133;--muted:#4A5266;--line:#DCD6CA;
 --on-dark:#EEF1F7;--on-dark-2:#AEB8CC;
 --display:"Outfit",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 --body:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
 --r:14px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;font-family:var(--body);font-size:18px;line-height:1.65;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0 0 .45em;letter-spacing:-.02em}
h2{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:800}
h3{font-size:1.3rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}
p{margin:0 0 1em}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.r3-sec--gold :focus-visible,.r3-sec--light :focus-visible,.r3-sec--white :focus-visible{outline-color:var(--ink)}
.wp-site-blocks{padding:0}
.wp-site-blocks>*+*{margin-block-start:0}
main{background:var(--white)}
.r3-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.r3-ico{display:inline-block;width:1.25em;height:1.25em;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.r3-ico--phone{--i:url(assets/icons/phone.svg)}
.r3-ico--chat{--i:url(assets/icons/chat.svg)}
.r3-ico--cal{--i:url(assets/icons/calendar.svg)}
.r3-ico--fb{--i:url(assets/icons/facebook.svg)}
.r3-ico--ig{--i:url(assets/icons/instagram.svg)}
.r3-ico--tt{--i:url(assets/icons/tiktok.svg)}
.r3-ico--stamp{--i:url(assets/icons/stamp.svg)}
.r3-ico--house{--i:url(assets/icons/house.svg)}
.r3-ico--care{--i:url(assets/icons/care.svg)}
.r3-ico--courier{--i:url(assets/icons/courier.svg)}
.r3-ico--inspect{--i:url(assets/icons/inspect.svg)}
.r3-ico--idcard{--i:url(assets/icons/idcard.svg)}
.r3-ico--shield{--i:url(assets/icons/shield.svg)}
.r3-ico--video{--i:url(assets/icons/video.svg)}
.r3-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--display);font-size:.88rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.r3-eyebrow::before{content:"";width:36px;height:3px;background:currentColor;border-radius:2px}
.r3-eyebrow--dark{color:var(--gold-ink)}
.r3-eyebrow--dark::before{background:var(--gold)}
h2.r3-eyebrow--h,.r3-sec--dark h2.r3-eyebrow--h{line-height:1.3;color:var(--gold);font-size:.88rem;letter-spacing:.2em}

/* header */
.r3-header{position:sticky;top:0;z-index:50;background:rgba(10,15,28,.96);border-bottom:1px solid var(--line-d);backdrop-filter:saturate(1.2) blur(8px)}
.r3-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.r3-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--white)}
.r3-brand__badge{width:50px;height:50px;border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:0 0 0 2px var(--gold);overflow:hidden}
.r3-brand__badge img{width:46px;height:46px;display:block}
.r3-brand__name{font-family:var(--display);font-weight:800;font-size:1.5rem;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.r3-brand__name small{display:block;margin-top:5px;font-weight:600;font-size:.68rem;letter-spacing:.24em;color:var(--gold)}
.r3-desk{display:none}
.r3-desk ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.r3-desk a{display:flex;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;color:var(--on-dark);font-weight:600;font-size:1rem;border-radius:999px}
.r3-desk a:hover{color:var(--gold)}
.r3-navcall a{background:var(--gold);color:var(--ink);font-family:var(--display);font-weight:700;padding:11px 20px;margin-left:10px}
.r3-desk .r3-navcall a:hover{background:var(--gold-2);color:var(--ink)}
.r3-nav{position:relative}
.r3-nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 16px;border:2px solid var(--gold);border-radius:999px;font-family:var(--display);font-weight:700;color:var(--white)}
.r3-nav summary::-webkit-details-marker{display:none}
.r3-burger{width:18px;height:2px;background:var(--gold);position:relative;display:inline-block}
.r3-burger::before,.r3-burger::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--gold)}
.r3-burger::before{top:-6px}.r3-burger::after{top:6px}
.r3-nav[open] .r3-burger{background:transparent}
.r3-nav[open] .r3-burger::before{top:0;transform:rotate(45deg)}
.r3-nav[open] .r3-burger::after{top:0;transform:rotate(-45deg)}
.r3-nav ul{list-style:none;margin:0;padding:10px;position:absolute;right:0;top:calc(100% + 14px);background:var(--ink-2);border:1px solid var(--line-d);border-radius:var(--r);box-shadow:0 24px 48px rgba(0,0,0,.45);min-width:250px}
.r3-nav li a{display:flex;align-items:center;gap:10px;padding:14px 16px;text-decoration:none;color:var(--white);font-family:var(--display);font-weight:600;font-size:1.15rem;border-radius:10px}
.r3-nav li a:hover{background:var(--ink-3)}
.r3-nav li.r3-navcall a{justify-content:center;background:var(--gold);color:var(--ink);margin:8px 0 0;font-weight:700}
@media (min-width:980px){.r3-desk{display:block}.r3-nav{display:none}}

/* buttons */
.r3-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
.r3-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 26px;border-radius:999px;font-family:var(--display);font-weight:700;font-size:1.1rem;text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s,transform .15s}
.r3-btn:hover{transform:translateY(-1px)}
.r3-btn--call{background:var(--gold);color:var(--ink);font-size:1.7rem;min-height:76px;padding:12px 34px 12px 16px;letter-spacing:-.01em}
.r3-btn--call .r3-ico{width:46px;height:46px;padding:11px;border-radius:50%;background:var(--ink);color:var(--gold);-webkit-mask:none;mask:none;position:relative}
.r3-btn--call .r3-ico::after{content:"";position:absolute;inset:11px;background:var(--gold);-webkit-mask:url(assets/icons/phone.svg) center/contain no-repeat;mask:url(assets/icons/phone.svg) center/contain no-repeat}
.r3-btn--call:hover{background:var(--gold-2)}
.r3-btn__txt{display:flex;flex-direction:column;line-height:1.05;text-align:left}
.r3-btn__txt small{font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px}
.r3-btn--ghost{color:var(--white);border-color:#56637F;min-height:76px;padding:12px 28px}
.r3-btn--ghost:hover{border-color:var(--gold);color:var(--gold)}
.r3-btn--ink{background:var(--ink);color:var(--white)}
.r3-btn--ink:hover{background:var(--ink-3)}
.r3-btn--inkline{border-color:var(--ink);color:var(--ink)}
.r3-btn--inkline:hover{background:rgba(10,15,28,.08)}

/* hero */
.r3-hero{background:var(--ink);color:var(--on-dark);padding:56px 0 72px;overflow:hidden;border-bottom:1px solid var(--line-d)}
.r3-hero__grid{display:grid;gap:48px;align-items:center}
.r3-hero h1{font-size:clamp(2.4rem,11.4vw,4.6rem);font-weight:800;color:var(--white);line-height:.96;letter-spacing:-.035em;margin:0 0 28px}
.r3-hero h1 span{display:block;color:var(--gold)}
.r3-hero__lead{font-size:1.2rem;color:var(--on-dark-2);max-width:560px;margin-bottom:34px}
.r3-stats{list-style:none;margin:44px 0 0;padding:28px 0 0;border-top:1px solid var(--line-d);display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:16px 44px}
.r3-stats strong{display:block;font-family:var(--display);font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;color:var(--white);line-height:1;letter-spacing:-.02em}
.r3-stats span{display:block;margin-top:6px;font-size:.95rem;color:var(--on-dark-2)}
.r3-map{margin:0;background:var(--ink-2);border:1px solid var(--line-d);border-radius:22px;padding:14px;position:relative}
.r3-map img{display:block;width:100%;height:auto;border-radius:12px}
.r3-map figcaption{display:flex;align-items:center;gap:10px;padding:14px 8px 4px;font-size:.98rem;color:var(--on-dark-2)}
.r3-dot{width:14px;height:14px;border-radius:4px;background:var(--gold);flex:none}
@media (min-width:980px){
 .r3-hero{padding:72px 0 96px}
 .r3-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}
 .r3-hero h1{font-size:min(5.3rem,calc(7.4vw - 12px))}
}
@media (max-width:560px){
 .r3-hero{padding:40px 0 56px}
 .r3-btns{flex-direction:column}
 .r3-btn{width:100%}
 .r3-btn--call{justify-content:flex-start;font-size:1.6rem}
 .r3-stats{grid-template-columns:repeat(3,1fr);gap:12px}
 .r3-stats span{font-size:.85rem}
}

/* bands */
.r3-sec{padding:84px 0}
@media (min-width:980px){.r3-sec{padding:112px 0}}
.r3-sec--dark{background:var(--ink);color:var(--on-dark)}
.r3-sec--dark h2,.r3-sec--dark h3{color:var(--white)}
.r3-sec--light{background:var(--bone)}
.r3-sec--white{background:var(--white)}
.r3-sec--gold{background:var(--gold);color:var(--ink)}
.r3-sec--light h2,.r3-sec--white h2,.r3-sec--gold h2{color:var(--ink)}
.r3-head{max-width:820px;margin-bottom:56px}

/* about */
.r3-about{display:grid;gap:40px;align-items:center}
.r3-about__logo{background:var(--white);border-radius:28px;padding:20px;box-shadow:0 30px 60px -30px rgba(10,15,28,.45);max-width:400px;width:100%;margin:0 auto}
.r3-about__logo img{display:block;width:100%;height:auto}
.r3-about__copy p{font-size:1.2rem;color:var(--muted);max-width:600px}
@media (min-width:860px){.r3-about{grid-template-columns:5fr 7fr;gap:80px}.r3-about__logo{margin:0}}

/* services: icon tiles on dark */
.r3-svcs{display:grid;gap:0;border-top:1px solid var(--line-d)}
.r3-svc{display:grid;grid-template-columns:auto 1fr;gap:22px;padding:32px 0;border-bottom:1px solid var(--line-d)}
.r3-svc h3{font-size:1.45rem;margin-bottom:.4em}
.r3-svc p{margin:0;color:var(--on-dark-2)}
.r3-tile{width:64px;height:64px;border-radius:16px;background:var(--gold);color:var(--ink);display:grid;place-items:center}
.r3-tile .r3-ico{width:32px;height:32px}
.r3-tile--line{background:transparent;border:2px solid var(--gold);color:var(--gold)}
.r3-svc--note h3{color:var(--gold)}
@media (min-width:860px){
 .r3-svcs{grid-template-columns:1fr 1fr;column-gap:64px}
 .r3-svc{padding:40px 0}
}

/* credentials band */
.r3-creds{padding:64px 0}
@media (min-width:980px){.r3-creds{padding:80px 0}}
.r3-creds .r3-head{margin-bottom:36px}
.r3-creds h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.r3-badges{display:grid;gap:18px;grid-template-columns:1fr 1fr}
.r3-badge{margin:0;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.r3-badge img{display:block;width:auto;height:120px;max-width:100%;object-fit:contain}
.r3-badge figcaption{font-family:var(--display);font-weight:600;font-size:1rem;line-height:1.3;color:var(--ink)}
.r3-badge--check{grid-column:1/-1;flex-direction:row;justify-content:flex-start;text-align:left;gap:18px;background:var(--ink);border-color:var(--ink);color:var(--on-dark)}
.r3-badge--check h3{color:var(--white);margin-bottom:.25em}
.r3-badge--check p{margin:0;color:var(--on-dark-2);font-size:1rem}
@media (min-width:860px){.r3-badges{grid-template-columns:1fr 1fr 1.4fr}.r3-badge--check{grid-column:auto;flex-direction:column;align-items:flex-start}}

/* pricing */
.r3-pricing{display:grid;gap:40px}
.r3-pricing__head h2{font-size:clamp(2rem,4.2vw,3.2rem)}
.r3-big{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--gold-ink);letter-spacing:-.02em;margin:0 0 20px}
.r3-pricing__head p{color:var(--muted)}
.r3-pricing__body{display:grid;gap:28px}
.r3-ptables,.r3-ptables__col{display:grid;gap:28px}
.r3-ptable{width:100%;border-collapse:collapse;font-size:1rem}
.r3-ptable caption{text-align:left;background:var(--ink);color:var(--gold);font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;padding:12px 16px;border-radius:10px 10px 0 0}
.r3-ptable th,.r3-ptable td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.r3-ptable th{text-align:left;font-weight:600;color:var(--text)}
.r3-ptable th small{display:block;font-weight:400;font-size:.88rem;color:var(--muted)}
.r3-ptable td{text-align:right;white-space:nowrap;font-family:var(--display);font-weight:700;color:var(--ink)}
.r3-ptable tr:nth-child(even){background:var(--bone)}
.r3-pnotes{display:grid;gap:14px;margin:0;padding:22px 24px;background:var(--bone);border-radius:var(--r);font-size:1rem;color:var(--muted)}
.r3-pnotes p{margin:0}
.r3-pnotes strong{color:var(--ink)}
.r3-pnotes a{color:var(--gold-ink);font-weight:700}
@media (min-width:700px){.r3-ptables{grid-template-columns:1fr 1fr;align-items:start}}
@media (min-width:980px){.r3-pricing{grid-template-columns:4fr 8fr;gap:64px;align-items:start}.r3-pricing__head{position:sticky;top:100px}}

/* booking band */
.r3-book{display:grid;gap:44px;align-items:center}
.r3-book__head p{font-size:1.25rem;font-weight:600;margin-bottom:28px}
.r3-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.r3-steps li{display:flex;align-items:center;gap:20px;background:var(--ink);color:var(--white);border-radius:var(--r);padding:18px 24px 18px 18px;font-family:var(--display);font-weight:600;font-size:1.3rem;line-height:1.25}
.r3-step__n{width:52px;height:52px;flex:none;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-weight:800;font-size:1.5rem}
@media (min-width:980px){.r3-book{grid-template-columns:1fr 1fr;gap:80px}}

/* contact */
.r3-contact .r3-head{margin-bottom:48px}
.r3-bigphone{display:inline-block;font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,9vw,6.4rem);line-height:1;letter-spacing:-.035em;color:var(--white);text-decoration:none;border-bottom:6px solid var(--gold);padding-bottom:8px}
.r3-bigphone:hover{color:var(--gold)}
.r3-contact__sub{margin:20px 0 0;color:var(--on-dark-2);font-size:1.15rem}
.r3-info{margin:0;display:grid;gap:0;border-top:1px solid var(--line-d)}
.r3-info>div{padding:24px 0;border-bottom:1px solid var(--line-d)}
.r3-info dt{font-family:var(--display);font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.r3-info dd{margin:0;color:var(--on-dark);font-size:1.1rem}
.r3-contact__sub a{color:var(--gold);text-underline-offset:4px}
.r3-social{display:flex;flex-wrap:wrap;gap:10px 24px}
.r3-social a{display:inline-flex;align-items:center;gap:8px}
.r3-info a{color:var(--white);text-underline-offset:4px;text-decoration-color:var(--gold);word-break:break-word}
@media (min-width:860px){.r3-info{grid-template-columns:1fr 1fr 1.4fr;column-gap:48px}}

/* footer */
.r3-footer{background:#060A13;color:var(--on-dark-2);padding:30px 0;font-size:.95rem;border-top:1px solid var(--line-d)}
.r3-foot{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
.r3-foot__brand{font-family:var(--display);font-weight:700;color:var(--white)}
.r3-foot a{color:var(--white)}

/* phone call/text bar */
.r3-callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);border-top:1px solid var(--line-d)}
.r3-callbar a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;font-family:var(--display);font-weight:700;font-size:1.15rem;text-decoration:none;background:var(--gold);color:var(--ink)}
.r3-callbar a+a{background:var(--ink);color:var(--white)}
body{padding-bottom:60px}
@media (min-width:980px){.r3-callbar{display:none}body{padding-bottom:0}}