/* Remote Notarize Now 2.0: coherent blue design system and share studio. */
:root{
 --navy:#081c49;--ink:#152647;--muted:#5d6d88;--blue:#1158d8;--blue2:#2086f4;
 --light:#f3f7ff;--line:#dce7f5;--green:#1874d9;--shadow:0 22px 65px rgba(10,54,124,.1);
}
html{scroll-padding-top:96px}
body{background:#fff;color:var(--ink)}
::selection{background:#acd4ff;color:#092d70}
button,input,textarea,select{accent-color:#1165e4}
:focus-visible{outline-color:#398df9}
p{color:var(--muted)}
.button{border-radius:12px;transition:transform .18s,box-shadow .18s,background .18s}
.button-primary,.nav-cta{background:linear-gradient(125deg,#0b57d5,#2488f8);box-shadow:0 12px 28px rgba(10,88,214,.25);color:#fff}
.button-primary:hover,.nav-cta:hover{background:linear-gradient(125deg,#0840a9,#116be4);box-shadow:0 14px 35px rgba(10,88,214,.32);color:#fff}
.button-outline{color:#1356bb;border-color:#b8d2f5}
.button-outline:hover{background:#ebf4ff}
.button-glass{color:#fff;border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.10);backdrop-filter:blur(6px)}
.button-glass:hover{background:rgba(255,255,255,.2)}
.overline,.text-link{color:#1768d8}
.overline.light{color:#9ad8ff}
.text-link:hover{color:#0849bb}
.utility-bar{background:#06183c;color:#c7d8f4}
.utility-bar a{color:#c7d8f4}
.site-header{border-bottom:1px solid #dbe7fa;box-shadow:0 12px 26px rgba(21,71,148,.07)}
.nav-inner{min-height:82px}
.brand-mark{background:linear-gradient(150deg,#1149bd,#2391fa);border-radius:14px;box-shadow:0 9px 21px rgba(23,90,205,.18)}
.brand-text{color:#102953}
.brand-text>span,.footer-brand span{color:#167ee8}
.brand-text small{color:#607491}
.main-nav>a:not(.nav-cta):hover{color:#0d67dc}
.main-nav a[aria-current="page"]:not(.nav-cta){color:#0f67e0}
.main-nav{gap:17px;font-size:.82rem}
.hero,.page-hero{background:linear-gradient(125deg,#06183d 0%,#0b3596 52%,#1175e1 100%);position:relative;overflow:hidden}
.hero:after,.page-hero:after{content:"";position:absolute;pointer-events:none;right:-115px;top:-180px;width:650px;height:650px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.023)}
.hero-glow{background:radial-gradient(circle,rgba(30,137,255,.3),transparent 65%)}
.hero h1 span,.page-hero h1 span{color:#9bdaff}
.hero-lead{color:#dceaff}
.hero-proof span{color:#d7eeff;background:rgba(255,255,255,.1);border-color:rgba(167,216,255,.24)}
.eyebrow{color:#afdfff}
.eyebrow-dot{background:#7bd0ff;box-shadow:0 0 0 5px rgba(95,187,255,.16)}
.trust-pill{box-shadow:0 15px 31px rgba(0,0,0,.15)}
.avatar-stack b{background:#e2f0ff;color:#1557b4}
.booking-panel{border:1px solid #dce9ff;box-shadow:0 35px 80px rgba(0,17,60,.36)}
.booking-kicker{color:#1563d1}
.panel-lock{background:#e7f2ff;color:#1a61b7}
.step-dot.active,.step-dot.completed{color:#095ad4}
.step-dot.active span,.step-dot.completed span,.signer-number{background:#125fe5}
.upload-zone{background:#f4f8ff;border-color:#add2ff}
.upload-zone:hover,.upload-zone.drag-over{background:#eaf4ff;border-color:#1478f8}
.upload-icon{background:#e0eeff;color:#135fd2}
.file-summary,.form-tip>span:first-child{color:#155cce}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#2583e9;box-shadow:0 0 0 3px rgba(24,102,233,.12)}
.price-summary{background:#e7f1ff}
.price-summary>strong{color:#0c57c9}
.checkbox-line input{accent-color:#1560dc}
.choice-box{background:#eaf4ff;border-color:#d8e8ff}
.feature-card,.service-card,.info-card,.notary-card{border-color:#dce8fa;box-shadow:0 6px 18px rgba(15,58,133,.04);transition:transform .2s,box-shadow .2s}
.feature-card:hover,.service-card:hover,.notary-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(12,69,150,.13)}
.feature-icon,.service-icon{color:#155edf;background:#e7f1ff}
.section:nth-of-type(even):not(.hero):not(.cta-band):not(.page-hero){background-color:#f8fbff}
.cta-band{background:linear-gradient(120deg,#082968,#1558ce,#2491fa)}
.cta-band p{color:#dbebff}
.footer{background:#06193c}
.footer p{color:#adc1df}
.footer a:hover{color:#79c3ff}
.footer-trust span{border-color:#355381}
.trust-checklist{background:linear-gradient(145deg,#f5f9ff,#e9f3ff);border-color:#dcecff}
.trust-checklist p{color:#224a7d}
.price-card{box-shadow:0 17px 42px rgba(8,50,117,.1)}
.page-hero{min-height:340px}
.page-hero-inner{position:relative;z-index:2}
.page-hero h1{max-width:940px}
.page-hero p{color:#dbeaff;max-width:770px}
/* Site-wide SEO editorial navigation strip. */
.resource-strip{background:linear-gradient(90deg,#eaf3ff,#f5f9ff);border-bottom:1px solid #d7e8ff}
.resource-strip .container{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}
.resource-strip strong{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#184c9e}
.resource-strip a{font-size:13px;font-weight:700;color:#2465b4;padding:4px 0;border-bottom:1px solid transparent}
.resource-strip a:hover{border-color:#2465b4}
/* Share Studio */
.share-hero .page-hero-inner{padding-top:75px;padding-bottom:75px}
.share-hero h1{font-size:clamp(2.6rem,5.3vw,5rem);line-height:1.04;max-width:900px}
.share-hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}
.share-kpi{background:#f0f6ff;border-bottom:1px solid #dce9fb}
.share-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.share-kpi-grid>div{padding:25px 12px;text-align:center;display:grid;gap:1px;border-right:1px solid #dce9fb}
.share-kpi-grid>div:last-child{border:0}
.share-kpi-grid strong{font-size:27px;line-height:1.1;color:#1059d4}
.share-kpi-grid span{font-size:12px;color:#516e94}
.share-library{background:#f8fbff}
.share-free-tag{align-self:flex-start;border-radius:40px;padding:9px 14px;color:#0d58bd;background:#e6f0ff;border:1px solid #c9e1ff;font-size:12px;font-weight:800;white-space:nowrap}
.share-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.share-card{background:#fff;border:1px solid #dce7f8;border-radius:20px;overflow:hidden;box-shadow:0 15px 42px rgba(20,69,140,.075)}
.share-card-wide{grid-column:1/-1}
/* Full-width leaderboard preview. Responsive preview only: copied HTML stays 728px. */
.share-card-leaderboard .share-preview{overflow-x:hidden}
.share-card-leaderboard .share-preview-content{width:100%;min-width:0;justify-content:center}
.share-card-leaderboard .share-preview-content>[role="group"]{max-width:100%}
@media(max-width:760px){
  .share-card-leaderboard .share-preview-content>[role="group"]{flex-wrap:wrap;row-gap:12px;justify-content:center!important;text-align:center}
  .share-card-leaderboard .share-preview-content>[role="group"]>div:first-child{min-width:0;flex:1 1 220px}
}

.share-card-header{padding:24px 25px 18px;display:flex;align-items:start;justify-content:space-between;gap:12px}
.share-card-header h3{font-size:20px;margin:3px 0 6px;color:#12305d}
.share-card-header p{font-size:13px;margin:0;line-height:1.55}
.share-index{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#146ddd}
.size-tag{background:#eaf3ff;border:1px solid #d9e8ff;border-radius:8px;font-size:11px;font-weight:800;color:#1357af;padding:7px 10px;white-space:nowrap}
.share-preview{background:radial-gradient(circle at top left,#d8e9fe 0,transparent 40%),#eef4fb;background-image:radial-gradient(#cbdcf2 .75px,transparent .75px);background-size:13px 13px;border-top:1px solid #e4ebf7;border-bottom:1px solid #e4ebf7;overflow-x:auto;max-width:100%;min-height:175px}
.share-preview-content{padding:28px;display:flex;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;box-sizing:border-box}
.share-card-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 11px}
.share-card-controls label{color:#203a60;font-size:13px;font-weight:800}
.share-copy{font-size:12px;padding:9px 13px;background:#0e5fdf;color:white;border:0;box-shadow:0 8px 18px rgba(16,89,208,.17);gap:8px}
.share-copy:hover{background:#0948ad}
.share-copy.is-copied{background:#155c9d}
.share-code{display:block;width:calc(100% - 48px);margin:0 24px;padding:11px;border-radius:10px;background:#f5f8ff;border:1px solid #d7e4f5;color:#26466a;font:11px/1.55 ui-monospace,Consolas,monospace;resize:vertical;min-height:84px;max-height:260px}
.share-tip{font-size:11px;margin:13px 24px 23px}
.share-how{background:#fff}
.share-guidelines{background:#f6faff}
/* Rich editorial content for trustworthy topical pages. */
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;align-items:start}
.longform{max-width:840px;min-width:0}
.longform h2{font-size:clamp(1.7rem,2.7vw,2.45rem);margin:45px 0 16px;scroll-margin-top:110px;color:#143361}
.longform h2:first-child{margin-top:0}
.longform h3{margin-bottom:10px;color:#153c75}
.longform p,.longform li{font-size:16px;line-height:1.86}
.longform strong{color:#1e437b}
.inline-link{color:#155fcb;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.inline-link:hover{color:#0a3e9a}
.article-toc{border:1px solid #d7e6f9;background:#f4f9ff;padding:19px 24px;border-radius:16px;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:9px 18px}
.article-toc strong{flex-basis:100%;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#1d65c6}
.article-toc a{font-size:13px;color:#326298;text-decoration:underline;text-underline-offset:2px}
.article-sidebar{position:sticky;top:115px;display:grid;gap:22px}
.sidebar-box{border:1px solid #d9e7fa;border-radius:17px;padding:23px;background:#fff;box-shadow:0 8px 24px rgba(23,65,120,.05)}
.sidebar-box a{display:block;padding:12px 0;border-bottom:1px solid #e7effa;color:#235795;font-weight:700;font-size:13px}
.sidebar-box a:last-child{border:0}
.sidebar-blue{padding:24px;border-radius:17px;background:linear-gradient(140deg,#0c3e9b,#1268df);color:white}
.sidebar-blue strong{font-size:20px;line-height:1.25;display:block}
.sidebar-blue p{color:#d9eaff;font-size:13px;margin:13px 0 20px}
.sidebar-blue a{color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:800;font-size:13px}
.steps-list{padding-left:25px}
.steps-list li{padding-left:7px;margin:14px 0}
.article-next{border-radius:19px;background:linear-gradient(135deg,#eaf4ff,#f6faff);border:1px solid #cfe3ff;padding:30px;margin-top:45px}
.article-next h3{font-size:25px}
.article-next p{margin:8px 0 20px}
.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:25px 0}
.checklist-card{border-radius:16px;background:#f4f8ff;border:1px solid #d9e8fa;padding:22px}
.checklist-card span{font-size:12px;color:#1667d5;font-weight:900;letter-spacing:.08em}
.checklist-card h3{font-size:18px;margin:9px 0}
.checklist-card p{font-size:14px;margin:0;line-height:1.65}
.editorial-list{padding-left:22px}
.editorial-list li{margin:12px 0}
.content-band{background:#f8fbff}
/* Keyword sections on home, restrained and useful */
.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.insight-card{padding:27px;border-radius:17px;border:1px solid #dce8fa;background:#fff;box-shadow:0 11px 29px rgba(13,71,151,.05);display:flex;flex-direction:column;gap:8px}
.insight-card span{display:block;font-size:11px;color:#1b69d3;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
.insight-card h3{margin:0;color:#163e7a;font-size:20px}
.insight-card p{font-size:14px;flex:1;margin:0}
.insight-card a{display:inline-block;margin-top:11px;color:#135bd2;font-size:13px;font-weight:800}
.share-home{background:linear-gradient(125deg,#082254,#0a4aaf 65%,#1989e6);border-radius:24px;padding:45px 50px;color:#fff;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.75fr);gap:35px;align-items:center}
.share-home h2{color:#fff;margin:5px 0 10px}
.share-home p{color:#d8eafe;margin:0}
.share-home .overline{color:#aad9ff}
.share-home-visual{padding:23px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);border-radius:17px;display:grid;justify-items:start;gap:12px}
.share-home-visual strong{font-size:20px;line-height:1.3}
.share-home-visual span{font-size:12px;color:#d3e6ff}
/* Clear responsive handling of expanded menu */
@media(max-width:1220px){.mobile-toggle{display:block}.nav-inner{min-height:74px;position:relative}.main-nav{display:none;position:absolute;top:74px;left:16px;right:16px;background:white;border:1px solid #dbe6ed;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;align-items:stretch;gap:0;padding:14px}.main-nav.open{display:flex}.main-nav a{padding:12px}}
@media(max-width:900px){.share-grid{grid-template-columns:1fr}.share-card-wide{grid-column:auto}.article-shell{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-home{grid-template-columns:1fr}}
@media(max-width:650px){.share-kpi-grid{grid-template-columns:repeat(2,1fr)}.share-kpi-grid>div:nth-child(2){border-right:0}.share-kpi-grid>div:nth-child(-n+2){border-bottom:1px solid #dce9fb}.share-card-header{padding:20px 18px;flex-wrap:wrap}.share-card-controls{padding:16px 18px 10px}.share-code{margin:0 18px;width:calc(100% - 36px)}.share-tip{margin:13px 18px 18px}.share-preview-content{padding:18px}.share-hero .page-hero-inner{padding-top:55px;padding-bottom:55px}.share-hero h1{font-size:2.5rem}.article-sidebar,.checklist-grid,.insight-grid{grid-template-columns:1fr}.share-home{padding:30px 24px}.resource-strip .container{gap:10px}.resource-strip a{font-size:12px}.share-free-tag{display:none}}
@media(prefers-reduced-motion:reduce){.button,.feature-card,.service-card,.notary-card{transition:none}}
/* Refinements for interior pages and accessible navigation */
.inner-hero{background:linear-gradient(125deg,#09285f,#135dcc 72%,#188be8);color:#fff}
.inner-hero h1,.inner-hero h2{color:#fff}
.inner-hero p{color:#d7eaff}
.skip-link{position:absolute;top:-85px;left:12px;z-index:100;background:#fff;color:#0b51bf;padding:12px 18px;border:2px solid #1c75e7;border-radius:9px;font-weight:800}
.skip-link:focus{top:10px}
@media(max-width:1220px){.main-nav>a:not(.nav-cta){width:100%}.main-nav .nav-cta{width:100%;text-align:center}}

/* 2.1 readability fix: explicit white type over all gradient subpage heroes. */
.page-hero .page-hero-inner h1{color:#fff}
.page-hero .page-hero-inner h1 span{color:#9bdaff}
