:root{--bg:#f7f1e8;--surface:#ffffff;--ink:#35282c;--muted:#716065;--line:#e3d6c2;--navy:#5e1224;--navy-deep:#400b19;--gold:#c9a227;--gold-dark:#8a6d1f;--green:#1d7a43;--green-bg:#edf3e6;--shadow:0 18px 48px rgba(64,11,25,.20)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 "Source Serif 4",Georgia,serif}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;letter-spacing:-.02em;line-height:1.12;margin:0 0 12px}
h1{font-size:clamp(34px,5.4vw,52px)}h2{font-size:clamp(25px,3.6vw,36px)}h3{font-size:20px}
p{margin:0 0 14px}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}a{color:#8a6d1f}
.stagebar{background:var(--gold);color:#2e0a13;font-weight:700;font-size:14.5px;text-align:center;padding:9px 16px}
.site-header{background:var(--navy);color:#fff;padding:14px 0}.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:800 20px/1.1 "Playfair Display",Georgia,serif}
.mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--gold);color:#400b19;font:800 19px/1 "Playfair Display",Georgia,serif}
.mainnav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.mainnav a{color:#ecdfe0;text-decoration:none;font-weight:600;font-size:15px;padding:8px 11px;border-radius:8px}
.mainnav a:hover{background:rgba(255,255,255,.12);color:#fff}
.lang-toggle{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.3);border-radius:8px;margin-left:8px}
.lang-toggle a{padding:4px 10px;border-radius:5px;font-size:12.5px;font-weight:800;color:#cbd3da;text-decoration:none}
.lang-toggle a.on{background:var(--gold);color:#400b19}
.hero{background:linear-gradient(118deg,#400b19,#5e1224 58%,#7a2a3e);color:#fff;padding:58px 0 52px}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 15px;color:var(--gold);font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.eyebrow:before{content:"";width:38px;height:3px;background:var(--gold)}
.hero p.lede{font-size:clamp(18px,2.1vw,22px);color:#f0e3e4;max-width:640px}
.hero .fine{color:#cdb4b8;font-size:14.5px;max-width:640px}
section.block{padding:56px 0}section.alt{background:var(--surface)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.alt .card{background:var(--bg)}
.card h3{margin-bottom:7px}.card p{margin:0;color:var(--muted)}
.card .big{font:800 30px/1.1 "Playfair Display",Georgia,serif;color:var(--navy)}
.price{font:800 26px/1.15 "Playfair Display",Georgia,serif;color:var(--navy)}
.price s{color:var(--muted);font-weight:600;font-size:19px;margin-right:8px}
.tag{display:inline-block;background:var(--green-bg);color:var(--green);font-weight:800;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:4px 11px;margin-bottom:12px}
.tag.gold{background:#f4ead0;color:var(--gold-dark)}
.button{appearance:none;border:0;border-radius:10px;background:var(--gold);color:#400b19;min-height:52px;padding:13px 22px;font:800 16.5px "Source Serif 4",sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.button:hover{background:#b08d1e;color:#fff}
.button.ghost{background:transparent;border:2px solid var(--gold);color:var(--gold)}
.button.ghost:hover{background:var(--gold);color:#5e1224}
ul.clean{list-style:none;padding:0;margin:0;display:grid;gap:10px}
ul.clean li{padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.alt ul.clean li{background:var(--bg)}
ul.clean li:before{content:"\2713";color:var(--green);font-weight:900;margin-right:9px}
table.mods{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
table.mods th{background:var(--navy);color:#fff;text-align:left;padding:12px 14px;font:700 14px "Playfair Display",Georgia,serif;letter-spacing:.04em;text-transform:uppercase}
table.mods td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
table.mods td.min{font-weight:800;color:var(--navy);white-space:nowrap}
table.mods td p{margin:4px 0 0;color:var(--muted);font-size:15.5px}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.step{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface)}
.step-no{font:800 14px/1 "Playfair Display",Georgia,serif;color:var(--gold-dark);letter-spacing:.06em;margin-bottom:10px}
.step h3{font-size:18px}.step p{margin:0;color:var(--muted);font-size:15.5px}
.founding{background:var(--navy);color:#fff;border-radius:16px;padding:28px}
.founding p{color:#e0ced1}
.founding form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.founding input[type=email]{flex:1 1 260px;min-height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;padding:0 15px;font-size:16px}
.founding select{min-height:52px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:var(--navy-deep);color:#fff;padding:0 12px;font-size:15.5px}
.founding .fine{font-size:13.5px;color:#bb9fa4;margin:12px 0 0}
details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:18px 38px 18px 0;font:700 18.5px/1.3 "Playfair Display",Georgia,serif;position:relative}
summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:4px;top:13px;color:var(--gold-dark);font-size:26px}
details[open] summary:after{content:"\2013"}.faq-answer{margin:0;padding:0 38px 19px 0;color:var(--muted)}
.faq-list{border-top:1px solid var(--line)}
.cta-band{background:var(--navy-deep);color:#fff;padding:52px 0}.cta-band p{color:#c4cdd4;max-width:640px}
footer{background:#2a0711;color:#fff;padding:38px 0}footer a{color:#eccf7f}
.footer-inner{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.footer-nav{display:flex;gap:8px 20px;flex-wrap:wrap}.footer-nav a{color:#e0ced1;text-decoration:none;font-weight:600;font-size:15px}
.disc{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#bb9fa4;font-size:13.5px;max-width:860px}
.kicker{font:800 13.5px "Playfair Display",Georgia,serif;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-dark);margin:0 0 10px}
.lede2{font-size:19px;color:var(--muted);max-width:720px}
@media (max-width:900px){.grid,.grid.four{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid,.grid.two,.grid.four,.steps{grid-template-columns:1fr}body{font-size:16px}}
/* identity: CA Notary School - deep burgundy + gold, classic formal serif */
.hero{border-bottom:3px solid var(--gold)}
.eyebrow{letter-spacing:.16em}
.card{border-radius:3px}
.step{border-radius:4px}
.button{border-radius:3px;letter-spacing:.03em}
.mark{border-radius:3px}
.founding{border-radius:6px}
.founding input[type=email],.founding select{border-radius:3px}
table.mods{border-radius:4px}
ul.clean li{border-radius:3px}
