.public-footer a { color: inherit; text-decoration: none; }
.public-footer a:hover { color: #d95e4a; text-decoration: underline; }
.legal-page { max-width: 860px; margin: 0 auto; padding: 75px 5.5vw 95px; }
.legal-page h1 { margin: 0 0 10px; font: 600 clamp(40px, 6vw, 68px)/1 "Space Grotesk", sans-serif; letter-spacing: -3px; }
.legal-page > p:not(.seo-breadcrumb):not(.legal-updated), .legal-page section p { color: #68736e; line-height: 1.75; }
.legal-updated { color: #8b958f; font-size: 11px; margin-bottom: 42px; }
.legal-page section { border-top: 1px solid #dfe4df; padding: 30px 0 8px; }
.legal-page h2 { margin: 0 0 12px; font: 600 21px "Space Grotesk", sans-serif; letter-spacing: -.5px; }
.legal-page a { color: #d95e4a; font-weight: 700; }
body.seo-page { background: #f7f6f2; }
.public-header { min-height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 5.5vw; border-bottom: 1px solid #dfe4df; background: rgba(247,246,242,.95); }
.public-brand { display: flex; align-items: center; gap: 10px; color: #1e2b28; font: 700 19px "Space Grotesk", sans-serif; letter-spacing: -.6px; text-decoration: none; }
.public-brand .brand-mark { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px 9px 9px 3px; color: #1e2b28; background: #a8d7bc; font-size: 15px; }
.site-nav { display: flex; align-items: center; gap: 25px; }
.site-nav a { color: #68736e; font-size: 12px; font-weight: 600; text-decoration: none; }
.site-nav a:hover, .site-nav a.active { color: #1e2b28; }
.site-nav .nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border-radius: 6px; color: white; background: #ef775f; }
.site-nav .nav-cta:hover { color: white; background: #d95e4a; }
.menu-toggle { display: none; border: 1px solid #dfe4df; border-radius: 5px; background: white; color: #1e2b28; padding: 8px 10px; font-size: 11px; font-weight: 700; }
.menu-toggle span { color: #d95e4a; font-size: 16px; margin-left: 5px; }
.seo-shell { max-width: 1180px; margin: 0 auto; padding: 54px 5.5vw 70px; }
.seo-hero { max-width: 760px; margin-bottom: 30px; }
.seo-hero h1 { margin-bottom: 16px; }
.seo-hero p { max-width: 680px; color: #68736e; font-size: 16px; line-height: 1.65; }
.seo-breadcrumb { color: #d95e4a; font-size: 11px; font-weight: 700; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 14px; }
.editor-frame { display: block; width: 100%; min-height: 2300px; border: 0; background: #f7f6f2; }
.seo-copy { display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; border-top: 1px solid #dfe4df; padding-top: 42px; }
.seo-copy h2 { font: 600 25px "Space Grotesk", sans-serif; letter-spacing: -1px; margin: 0 0 14px; }
.seo-copy p { color: #68736e; line-height: 1.7; margin: 0 0 15px; }
.seo-long-content { display: block; }
.seo-content-intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .75fr); gap: 60px; }
.seo-content-intro .seo-breadcrumb { margin-bottom: 12px; }
.seo-long-content h2 { margin: 0 0 14px; font: 600 26px/1.12 "Space Grotesk", sans-serif; letter-spacing: -.8px; }
.seo-long-content h3 { margin: 24px 0 10px; font: 600 16px "Space Grotesk", sans-serif; }
.seo-topic { border-top: 1px solid #dfe4df; margin-top: 45px; padding-top: 38px; }
.seo-topic > p, .seo-topic > h2, .seo-topic > h3 { max-width: 800px; }
.seo-bullets, .seo-steps { max-width: 800px; padding-left: 21px; color: #68736e; line-height: 1.7; }
.seo-bullets li, .seo-steps li { margin: 7px 0; }
.seo-two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; max-width: 800px; }
.seo-note { padding: 15px 17px; border-left: 3px solid #a8d7bc; background: #edf7f1; }
.seo-table-wrap { max-width: 850px; overflow-x: auto; }
.seo-table { width: 100%; min-width: 540px; border-collapse: collapse; color: #68736e; font-size: 13px; }
.seo-table th { color: #1e2b28; background: #d7eee1; text-align: left; font: 600 12px "Space Grotesk", sans-serif; }
.seo-table th, .seo-table td { padding: 13px 15px; border: 1px solid #dfe4df; vertical-align: top; }
.seo-faq-list { max-width: 850px; }
.seo-faq-list details { border-bottom: 1px solid #dfe4df; padding: 16px 0; }
.seo-faq-list summary { cursor: pointer; color: #1e2b28; font: 600 14px "Space Grotesk", sans-serif; }
.seo-faq-list details p { margin: 11px 0 0; font-size: 13px; }
.seo-final-cta { margin-top: 50px; padding: 35px; background: #d7eee1; }
.seo-final-cta h2 { margin-bottom: 9px; }
.seo-cta { display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; padding: 11px 16px; background: #ef775f; color: white; font-size: 12px; font-weight: 700; text-decoration: none; }
.seo-cta:hover { background: #d95e4a; }
.seo-faq { border-left: 1px solid #dfe4df; padding-left: 28px; }
.seo-faq h3 { font: 600 15px "Space Grotesk", sans-serif; margin: 0 0 8px; }
.seo-faq p { font-size: 13px; }
.related-tools { border-top: 1px solid #dfe4df; margin-top: 42px; padding-top: 30px; }
.related-tools h2 { font: 600 22px "Space Grotesk", sans-serif; letter-spacing: -.7px; margin: 0 0 16px; }
.related-links { display: flex; flex-wrap: wrap; gap: 10px 22px; }
.related-links a { color: #d95e4a; font-size: 12px; font-weight: 700; text-decoration: none; }
.related-links a:hover { text-decoration: underline; }
.landing-page { background: #f7f6f2; }
.landing-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr); gap: 7vw; align-items: center; max-width: 1300px; margin: 0 auto; padding: 90px 5.5vw 100px; }
.landing-hero h1 { max-width: 650px; margin: 0 0 22px; color: #1e2b28; font: 600 clamp(45px, 6vw, 82px)/.96 "Space Grotesk", sans-serif; letter-spacing: -4px; }
.landing-hero h1 em, .feature-band h2 em, .info-hero h1 em { color: #ef775f; font-style: normal; }
.landing-hero-copy > p:not(.seo-breadcrumb) { max-width: 530px; color: #68736e; font-size: 17px; line-height: 1.6; }
.landing-actions { display: flex; align-items: center; gap: 22px; margin-top: 30px; }
.landing-actions .seo-cta span, .landing-bottom .seo-cta span { margin-left: 8px; }
.text-link { color: #1e2b28; font-size: 12px; font-weight: 700; text-decoration: none; }
.text-link:hover { color: #d95e4a; }
.trust-row { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 30px; color: #68736e; font-size: 11px; }
.trust-row span:first-child { color: #357253; }
.hero-document { padding: 13px; border: 1px solid #dfe4df; border-radius: 10px; background: #e4eee8; box-shadow: 0 24px 60px rgba(35,52,46,.12); transform: rotate(2deg); }
.mock-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 4px 5px 12px; color: #8a9790; }
.mock-toolbar span { display: flex; gap: 4px; }.mock-toolbar i { width: 6px; height: 6px; border-radius: 50%; background: #a8d7bc; }.mock-toolbar i:nth-child(2) { background: #f4d98c; }.mock-toolbar i:nth-child(3) { background: #ef775f; }
.mock-toolbar small { font-size: 7px; letter-spacing: 1px; }
.mock-paper { position: relative; min-height: 350px; padding: 35px 28px 25px; background: #fffefa; }.mock-line { height: 8px; border-radius: 3px; background: #d9e5de; }.mock-line.wide { width: 34%; }.mock-line.medium { width: 135px; }.mock-line.short { width: 90px; height: 5px; margin-top: 10px; background: #e8eeea; }.mock-head { display: flex; justify-content: space-between; align-items: start; margin: 42px 0 32px; }.mock-head b { color: #d95e4a; font: 700 11px "Space Grotesk", sans-serif; letter-spacing: 1px; }.mock-band { display: flex; justify-content: space-between; padding: 10px; color: #426053; background: #d7eee1; font-size: 7px; font-weight: 700; }.mock-row { display: grid; grid-template-columns: 1fr 30px 45px 55px; gap: 12px; align-items: center; padding: 15px 10px; border-bottom: 1px solid #edf0ec; }.mock-row span, .mock-row i { height: 6px; border-radius: 2px; background: #e2e9e4; }.mock-row span { width: 80%; }.mock-total { display: flex; justify-content: flex-end; align-items: center; gap: 15px; margin-top: 30px; }.mock-total small { color: #87918c; font-size: 8px; }.mock-total strong { color: #d95e4a; font: 700 18px "Space Grotesk", sans-serif; }.mock-stamp { position: absolute; right: 20px; bottom: 18px; color: #6c9f82; font-size: 7px; font-weight: 700; letter-spacing: 1px; transform: rotate(-8deg); }
.section-band { display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; padding: 85px 5.5vw; background: #d7eee1; }.section-intro h2, .feature-band h2, .landing-bottom h2 { margin: 0 0 15px; font: 600 clamp(30px, 4vw, 53px)/1 "Space Grotesk", sans-serif; letter-spacing: -2px; }.section-intro > p:not(.seo-breadcrumb) { color: #536e61; line-height: 1.6; }.type-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #acd2bd; }.type-grid a { display: flex; min-height: 145px; flex-direction: column; align-items: flex-start; padding: 22px; color: #1e2b28; background: rgba(255,255,255,.37); text-decoration: none; }.type-grid a:hover { background: #fffefa; }.type-icon { display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: 20px; border-radius: 6px; color: #d95e4a; background: white; font-weight: 700; }.type-grid strong { font: 600 15px "Space Grotesk", sans-serif; }.type-grid small { margin-top: 6px; color: #68736e; line-height: 1.4; }
.feature-band { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; padding: 95px 5.5vw; }.feature-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }.feature-list article { border-top: 2px solid #1e2b28; padding-top: 14px; }.feature-list article span { color: #d95e4a; font: 700 11px "Space Grotesk", sans-serif; }.feature-list h3 { margin: 25px 0 8px; font: 600 16px "Space Grotesk", sans-serif; }.feature-list p { color: #68736e; line-height: 1.6; font-size: 12px; }
.landing-bottom { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding: 75px 5.5vw; background: #1e2b28; color: white; }.landing-bottom h2 { color: white; }.landing-bottom p { max-width: 430px; color: #b6c7be; line-height: 1.6; }.public-footer { display: flex; justify-content: space-between; gap: 20px; padding: 23px 5.5vw; color: #8b958f; background: #f7f6f2; font-size: 11px; }
.info-page { max-width: 1180px; margin: 0 auto; padding: 80px 5.5vw; }.info-hero { max-width: 800px; padding-bottom: 70px; }.info-hero h1 { margin: 0 0 20px; font: 600 clamp(42px, 6vw, 76px)/.98 "Space Grotesk", sans-serif; letter-spacing: -3.5px; }.info-hero > p:not(.seo-breadcrumb) { max-width: 650px; color: #68736e; font-size: 17px; line-height: 1.65; }.info-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; border-top: 1px solid #dfe4df; padding: 55px 0; }.info-grid h2 { font: 600 30px "Space Grotesk", sans-serif; letter-spacing: -1px; }.info-grid p { color: #68736e; line-height: 1.7; }.info-note { align-self: start; padding: 25px; border-left: 3px solid #ef775f; background: #fffefa; }.info-note span { color: #d95e4a; font-size: 10px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }.info-note strong { display: block; margin: 18px 0; font: 600 23px/1.1 "Space Grotesk", sans-serif; }.info-note p { font-size: 12px; }.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; border-top: 1px solid #dfe4df; padding: 48px 0; }.values-grid article { padding: 24px; background: #d7eee1; }.values-grid span { color: #d95e4a; font: 700 11px "Space Grotesk", sans-serif; }.values-grid h3 { margin: 28px 0 8px; font: 600 20px "Space Grotesk", sans-serif; }.values-grid p { color: #536e61; line-height: 1.6; font-size: 13px; }.info-cta { display: flex; justify-content: space-between; align-items: center; padding: 42px 0 0; border-top: 1px solid #dfe4df; }.info-cta h2 { font: 600 30px "Space Grotesk", sans-serif; }.contact-layout { display: grid; grid-template-columns: 1fr .7fr; gap: 75px; border-top: 1px solid #dfe4df; padding-top: 55px; }.contact-form { display: grid; gap: 18px; max-width: 600px; }.contact-form label { display: grid; gap: 8px; }.contact-form label span { color: #68736e; font-size: 11px; font-weight: 700; }.contact-form input, .contact-form select, .contact-form textarea { border: 1px solid #dfe4df; border-radius: 5px; padding: 12px; color: #1e2b28; background: #fffefa; outline: none; }.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: #a8d7bc; box-shadow: 0 0 0 3px rgba(168,215,188,.25); }.contact-form .seo-cta { width: fit-content; border: 0; cursor: pointer; }.contact-aside { display: grid; align-content: start; gap: 25px; }.contact-aside > div { padding: 25px; background: #d7eee1; }.contact-icon { display: grid; place-items: center; width: 28px; height: 28px; margin-bottom: 28px; border-radius: 5px; color: white; background: #1e2b28; font-weight: 700; }.contact-aside h2 { margin: 0 0 9px; font: 600 20px "Space Grotesk", sans-serif; }.contact-aside p { color: #536e61; line-height: 1.6; font-size: 13px; }.contact-aside a { color: #d95e4a; font-size: 12px; font-weight: 700; text-decoration: none; }
@media (max-width: 760px) { .public-header { min-height: 67px; padding: 0 16px; }.public-header .site-nav, .site-header .site-nav { display: none; position: absolute; z-index: 20; top: 67px; right: 16px; left: 16px; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; border: 1px solid #dfe4df; background: #fffefa; box-shadow: 0 18px 35px rgba(35,52,46,.12); }.site-nav.open { display: flex; }.site-nav a { padding: 13px 11px; border-bottom: 1px solid #edf0ec; }.site-nav a:last-child { border-bottom: 0; }.site-nav .nav-cta { justify-content: center; margin-top: 7px; }.menu-toggle { display: block; }.landing-hero { display: block; padding: 58px 16px 65px; }.landing-hero h1 { font-size: 47px; letter-spacing: -2.5px; }.landing-hero-copy > p:not(.seo-breadcrumb) { font-size: 14px; }.hero-document { margin: 55px 8px 0; }.section-band, .feature-band { display: block; padding: 58px 16px; }.section-intro { margin-bottom: 35px; }.type-grid { grid-template-columns: 1fr 1fr; }.type-grid a { min-height: 155px; padding: 16px; }.feature-list { display: block; margin-top: 35px; }.feature-list article { margin-top: 25px; }.landing-bottom { display: block; padding: 55px 16px; }.landing-bottom .seo-cta { margin-top: 20px; }.public-footer { flex-direction: column; padding: 22px 16px; }.info-page { padding: 55px 16px; }.info-hero { padding-bottom: 48px; }.info-hero h1 { font-size: 46px; letter-spacing: -2.5px; }.info-grid, .contact-layout { display: block; }.info-note { margin-top: 28px; }.values-grid { display: block; }.values-grid article { margin-top: 12px; }.info-cta { display: block; }.info-cta .seo-cta { display: inline-flex; }.contact-aside { margin-top: 35px; } }
@media (max-width: 700px) { .seo-shell { padding: 38px 16px 50px; } .seo-hero p { font-size: 14px; } .seo-copy { display: block; } .seo-content-intro, .seo-two-columns { display: block; } .seo-faq { border-left: 0; border-top: 1px solid #dfe4df; margin-top: 28px; padding: 28px 0 0; } .seo-long-content h2 { font-size: 23px; } .seo-final-cta { padding: 25px 20px; } .editor-frame { min-height: 3000px; } }
@media (max-width: 700px) { .legal-page { padding: 50px 16px 65px; } .legal-page h1 { font-size: 46px; letter-spacing: -2px; } }