*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f8f3;color:#142b30;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.6}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #477f14;outline-offset:5px}button:disabled{cursor:wait;opacity:.7}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.skip{position:absolute;top:-90px;left:20px;background:#b6f36a;padding:12px;z-index:10}.skip:focus{top:10px}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ded5}.brand{font-size:22px;font-weight:750;letter-spacing:-.9px;display:flex;align-items:center;gap:9px}.brand img{margin-left:-5px}.beta{font-size:0.75rem;border:1px solid #bdc8b5;letter-spacing:1.4px;padding:3px 7px;border-radius:4px;margin-left:3px}.nav nav{display:flex;align-items:center;gap:30px;font-size:1rem}.nav-cta{background:#142b30;color:white;padding:10px 18px;border-radius:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:46px;padding-top:92px;padding-bottom:90px;align-items:center}.eyebrow{font-size:0.8125rem;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;background:#659f34;border-radius:50%}h1{font-size:clamp(42px,4.6vw,63px);line-height:1.08;letter-spacing:-2.2px;font-weight:600;margin:26px 0}h1 em{font-style:normal;color:#52793b}.intro{font-size:1.125rem;line-height:1.65;max-width:380px;color:#546562}.actions{display:flex;gap:25px;align-items:center;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#b6f36a;color:#10252a;border:1px solid #b6f36a;border-radius:5px;padding:13px 20px;font-size:1rem;font-weight:700;min-height:46px}.button:hover{background:#c6ff86;text-decoration:none}.button.outline{background:transparent;border-color:#718880;color:inherit}.button.outline:hover{background:#ffffff12}.fine{font-size:0.875rem;color:#687571;line-height:1.7}.hero .fine{margin-top:18px}.text-link{font-size:0.9375rem;font-weight:600;border-bottom:1px solid #a4b394;padding-bottom:4px}.demo{position:relative;transform:rotate(-1deg);border:1px solid #d3dbd0;border-radius:10px;background:white;box-shadow:0 22px 55px #13342b12;max-width:560px}.demo-top{height:37px;background:#ecf0e8;border-bottom:1px solid #d6ded0;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:15px;padding:0 14px;font-size:0.75rem;color:#7a8980}.window-dots{font-size:0.75rem;letter-spacing:3px}.demo-label{margin-left:auto;font-size:0.75rem;letter-spacing:1px}.demo-page{padding:23px 27px 46px;background:#f5f0e6}.sample-nav{display:flex;align-items:center;justify-content:space-between;font-size:0.75rem}.sample-nav b{font-family:inherit;font-size:19px}.sample-nav b span{font-size:0.75rem;vertical-align:super}.sample-kicker{font-size:0.75rem;letter-spacing:1.5px;margin-top:34px}.demo h2{font-family:inherit;font-weight:400;font-size:33px;line-height:1.05;letter-spacing:-1px;margin:12px 0 25px}.sample-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sample-plan{background:#fffdf8;border:1px solid #d8d4c8;border-radius:5px;padding:16px;font-size:0.8125rem}.sample-plan strong{display:block;font-size:28px;letter-spacing:-1px;margin-top:6px}.sample-plan small{font-size:0.8125rem;font-weight:400;letter-spacing:0;color:#6e786b}.sample-plan p{font-size:0.75rem;color:#6c766c;margin:2px 0 15px}.demo-target{position:relative;display:flex;justify-content:space-between;align-items:center;background:#1a3a30;color:#fffdf4;border:2px solid #9cd851;border-radius:3px;width:100%;padding:8px 9px;font-size:0.75rem;outline:3px solid #b6f36a66;outline-offset:3px}.demo-target.secondary{background:transparent;border:1px solid #b7c1b1;outline:0;color:#213c32}.pin{position:absolute;top:-16px;right:-13px;background:#b6f36a;color:#142b30;border:2px solid #fff;border-radius:50%;height:21px;width:21px;display:grid;place-items:center;font-size:0.875rem;font-weight:bold}.demo-note{margin:-18px 20px 0 48px;position:relative;border:1px solid #354a4b;border-radius:8px;background:#142c31;color:#ebf2e8;padding:16px;box-shadow:0 12px 32px #13282c27;transform:rotate(2deg)}.note-head{display:flex;gap:8px;align-items:center;font-size:0.8125rem;color:#d3dfd3;margin-bottom:16px}.note-index{width:20px;height:20px;border-radius:4px;background:#b6f36a;color:#142b30;display:grid;place-items:center;font-weight:bold}.note-mode{margin-left:auto;font-size:0.75rem;letter-spacing:1px;color:#aabbaa}.demo-note label{font-size:0.75rem;display:block;margin-bottom:4px;color:#b8c8ba}.demo-note textarea{display:block;background:#203b40;border:1px solid #4b6264;color:white;border-radius:4px;width:100%;resize:vertical;min-height:50px;padding:9px;font-size:0.875rem;line-height:1.5}.note-footer{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:12px;font-size:0.75rem;color:#b9cdb4}.note-footer button{font-size:0.75rem;border:0;border-radius:3px;padding:7px 9px;background:#b6f36a;color:#10252a}.demo-note pre{white-space:pre-wrap;font-size:0.8125rem;border-top:1px solid #536860;padding-top:12px;overflow-wrap:anywhere}.demo-caption{font-size:0.75rem;color:#657569;text-align:center;padding:8px 10px 12px;margin:0}.principles{border-top:1px solid #dce1d6;border-bottom:1px solid #dce1d6;background:#eef2e8}.principle-row{display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:0.9375rem}.principle-row b{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:0.8125rem;color:#6d8662;margin-right:14px}.section{padding-top:100px;padding-bottom:100px}h2{font-size:42px;line-height:1.12;font-weight:500;letter-spacing:-1.7px;margin:20px 0 23px}h3{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:12px 0}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-lead{color:#66746b;font-size:1.0625rem;max-width:340px;margin-bottom:25px}.steps{list-style:none;margin:0;padding:0}.steps li{border-top:1px solid #d8dfd1;padding:24px 0}.steps li>span{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:0.8125rem;letter-spacing:1px;color:#5d7c50}.steps p{font-size:1rem;color:#617266;max-width:400px}.steps code{display:block;padding:13px 16px;background:#e8efdf;border-radius:4px;font-size:0.9375rem;overflow-wrap:anywhere}.evidence-band{background:#142d32;color:#edf4e9}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:65px;padding-bottom:65px;align-items:center}.evidence .eyebrow{color:#b6f36a}.evidence p{max-width:365px;font-size:1rem;color:#afc1b7}.evidence-code{background:#10252a;border:1px solid #3c5351;padding:24px 28px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.code-caption{font-size:0.75rem;letter-spacing:1px;display:flex;align-items:center;gap:9px;color:#b9ccbb}.evidence-code dl{display:grid;grid-template-columns:100px 1fr;gap:17px 10px;font-size:0.875rem;margin:28px 0}.evidence-code dt{color:#8fa89a}.evidence-code dd{margin:0;color:#e4f0db;overflow-wrap:anywhere}.evidence-code p{font-size:0.75rem;border-top:1px solid #304944;padding-top:15px}.privacy-story h2{font-size:48px}.privacy-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;font-size:1rem;color:#617266;margin-bottom:20px}.export-row{border-top:1px solid #d7ded0;margin-top:50px;padding-top:23px;display:flex;flex-wrap:wrap;gap:25px;font-size:0.8125rem;color:#5b6a60}.export-row span:first-child{font-weight:700;color:#142b30}.download-section{background:#e8efdf;padding:75px 0}.download-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.download-heading h2{margin-bottom:0}.download-heading>p{font-size:0.9375rem;color:#5d6e60}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-grid article{padding:25px;border:1px solid #c8d4bd;border-radius:7px;background:#f8fbf320;display:flex;flex-direction:column;align-items:start}.download-grid h3{font-size:18px}.download-number{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:0.875rem;color:#648452}.download-grid article>p{font-size:0.9375rem;color:#5c6c5d;flex:1}.download-grid .button{font-size:0.875rem;width:100%;gap:6px;padding:11px}.small-link{font-size:0.8125rem;margin-top:14px;text-decoration:underline}.download-grid p.fine{font-size:0.8125rem;flex:0}.download-notice{font-size:0.8125rem;margin-top:24px;color:#5a6d5b}.download-notice a{text-decoration:underline}.faq{display:grid;grid-template-columns:1fr 1fr;gap:100px}.faq details{border-bottom:1px solid #d6dfd0;padding:18px 0}.faq summary{cursor:pointer;font-size:1rem;font-weight:600}.faq details p{font-size:1rem;color:#607363}.faq details a{text-decoration:underline}.footer{border-top:1px solid #d7dfcf;padding-top:32px;padding-bottom:35px;display:flex;align-items:center;gap:35px}.footer p{font-size:0.8125rem;color:#70816e;line-height:1.7}.footer nav{margin-left:auto;display:flex;gap:22px;font-size:0.875rem}.document{max-width:840px;padding-top:65px;padding-bottom:80px}.document h1{font-size:48px;letter-spacing:-2px;line-height:1.15}.document h2{font-size:24px;letter-spacing:-.6px;margin-top:35px}.document p,.document li{font-size:1rem;color:#526657}.document a{text-decoration:underline}.document code{font-size:0.9375rem;background:#e8efdf;padding:2px 5px;overflow-wrap:anywhere}.document .callout{padding:20px 24px;background:#e8efdf;border-left:3px solid #83b752;border-radius:4px}.document li{margin:10px 0}.document address{font-style:normal;font-size:1rem;line-height:1.9}.document .button{text-decoration:none}#download-status{overflow-wrap:anywhere} @media(min-width:1500px){.hero{gap:65px}}@media(max-width:950px){.wrap{padding-left:25px;padding-right:25px}.hero{gap:25px;padding-top:60px}h1{font-size:47px;letter-spacing:-2px}.hero .intro{font-size:1.0625rem}.hero .actions{gap:14px;flex-wrap:wrap}.demo-page{padding:18px 18px 35px}.sample-plan{padding:11px}.demo-note{margin-left:20px;margin-right:10px}.workflow,.evidence,.faq{gap:45px}.download-grid{gap:10px}.download-grid article{padding:18px}.footer{gap:20px}.footer nav{gap:14px}}@media(max-width:700px){.nav{height:80px}.brand{font-size:19px}.nav nav{gap:16px}.nav nav>a:first-child{display:none}.nav-cta{padding:8px 11px;font-size:0.875rem}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:50px;gap:35px}h1{font-size:51px;letter-spacing:-2.5px}.hero-copy{max-width:490px}.intro{max-width:340px}.demo{width:100%;max-width:470px;margin:0 auto;transform:none}.demo-page{padding:20px 23px 38px}.demo-note{margin-left:35px;margin-right:20px}.principle-row{gap:15px;flex-wrap:wrap;font-size:0.8125rem}.principle-row b{margin-right:6px}.section{padding-top:60px;padding-bottom:60px}.workflow,.evidence,.faq{grid-template-columns:1fr;gap:25px}h2,.privacy-story h2{font-size:37px}.evidence{padding-top:45px;padding-bottom:45px}.privacy-columns{grid-template-columns:1fr;gap:0}.export-row{gap:14px;margin-top:30px}.download-section{padding:50px 0}.download-heading{display:block}.download-grid{grid-template-columns:1fr;gap:14px}.download-grid article{padding:22px}.download-grid article>p{max-width:430px}.download-grid .button{width:auto;min-width:230px}.footer{flex-wrap:wrap;gap:10px 20px}.footer p{margin-left:auto}.footer nav{margin:10px 0 0;width:100%;justify-content:space-between}.document{padding-top:40px}.document h1{font-size:39px}.evidence-code{padding:20px}.demo-top{gap:10px}.eyebrow{font-size:0.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep enlarged text comfortable in compact cards and narrow viewports. */
.demo-top{height:auto;min-height:42px;flex-wrap:wrap;gap:6px 12px;padding:9px 14px}.demo-label{letter-spacing:.5px}.sample-nav{gap:12px;flex-wrap:wrap}.note-head{flex-wrap:wrap}.note-footer{flex-wrap:wrap}.demo-target{min-height:44px;gap:8px}.demo-note textarea{min-height:72px}.evidence-code dl{grid-template-columns:90px minmax(0,1fr)}.download-grid .button{white-space:normal}.steps code,.document code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:950px){.hero .intro{font-size:1.125rem}.download-grid{grid-template-columns:1fr}.download-grid article>p{max-width:65ch}}@media(max-width:700px){.nav{height:auto;min-height:88px;flex-wrap:wrap;gap:14px;padding-top:16px;padding-bottom:16px}.nav nav{gap:14px}.nav-cta{font-size:.9375rem}.principle-row{font-size:.9375rem}.eyebrow{font-size:.75rem;letter-spacing:1px}.demo-note{margin-left:12px;margin-right:12px}.sample-plans{gap:10px}.sample-plan{min-width:0;padding:12px}.download-grid .button{min-width:0;width:100%}.footer p{margin-left:0}}
input{font:inherit;padding:12px 14px;border:1px solid #8d9f8a;border-radius:5px;background:white;color:#142b30;max-width:100%;width:100%;margin:8px 0 18px}label{display:block;font-weight:600}input:focus-visible{outline:3px solid #477f14;outline-offset:3px}[hidden]{display:none!important}.account-actions{display:flex;flex-wrap:wrap;gap:12px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.pricing-grid article{border:1px solid #c8d4bd;border-radius:8px;padding:26px}.document .price{font-size:36px;font-weight:650;color:#142b30}.price small{font-size:16px;font-weight:400}.pricing-grid ul{padding-left:20px}@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}}
/* Language navigation uses native names, with room for translated copy. */
.nav{height:auto;min-height:104px;flex-wrap:wrap;gap:16px;padding-top:20px;padding-bottom:20px}.nav nav{flex-wrap:wrap;gap:18px}.language-picker{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500}.language-picker select{font:inherit;max-width:190px;padding:9px 30px 9px 10px;background:#fff;color:#142b30;border:1px solid #8d9f8a;border-radius:5px;min-height:44px}.language-picker select:focus-visible{outline:3px solid #477f14;outline-offset:3px}.language-suggestion{font-size:.9375rem;padding-top:12px}.language-suggestion a{text-decoration:underline}.localized-downloads{display:flex;flex-wrap:wrap;gap:16px}.hero>*{min-width:0}html:not([lang=en]) h1{overflow-wrap:anywhere}html[lang=ja] h1{line-height:1.3;letter-spacing:-.04em}html[lang=ja] .eyebrow{letter-spacing:.06em}.footer nav{flex-wrap:wrap}.demo-note pre{white-space:pre-wrap;overflow-wrap:anywhere}.demo-target{white-space:normal}@media(max-width:700px){.nav nav>a:first-child{display:initial}.nav nav{width:100%;gap:12px 18px}.language-picker{max-width:100%}.language-picker select{max-width:100%}.localized-downloads{display:grid;grid-template-columns:minmax(0,1fr)}.localized-downloads .button{width:100%;gap:8px}.footer nav{justify-content:flex-start;gap:12px 20px}}
html[lang=ja] .hero h1{font-size:clamp(34px,3.5vw,52px);word-break:normal;line-break:strict;overflow-wrap:normal}
.link-icon{display:inline-block;vertical-align:-.18em;flex:0 0 auto;margin-left:.2em}
.document pre { max-width:100%; overflow-x:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.document code { overflow-wrap:anywhere; }
#connections-list { padding-left:1.2rem; }
#connections-list li { margin:1rem 0; }
#withdrawal { margin:1.5rem 0; }
#withdrawal input[type=checkbox] { width:auto; }
/* Persistent account identity is separate from transient action messages. */
.session-identity{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid #8d9f8a;border-radius:8px;background:#eef6e7;max-width:100%;font-size:14px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}.session-identity strong{font-size:13px}.session-identity span{font-weight:600}.nav:has(.session-identity){position:sticky;top:0;z-index:30;background:#f7f8f2}.account-actions #cancel-subscription{border-color:#9b4537;color:#84372d}#cancel-help{font-size:15px}#sign-out{margin-top:20px}@media(max-width:700px){.session-identity{width:100%}.nav:has(.session-identity){position:static}}
/* Fictional shop keeps demo prices visually separate from MarkupRelay plans. */
.store-demo{transform:none}.store-demo .demo-page{padding:22px 24px 35px}.store-demo .sample-nav{font-size:12px;letter-spacing:1px}.store-demo .sample-nav span{border:1px solid #bdc8b5;border-radius:4px;padding:2px 6px;font-size:10px}.store-demo .sample-kicker{font-size:12px;line-height:1.5;letter-spacing:0;margin:18px 0 10px}.store-demo .demo-page h2{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:0 0 18px}.store-demo .sample-plans{gap:12px}.store-demo .sample-plan{padding:10px;min-width:0;background:#fffefa;border-radius:10px}.store-demo .sample-product{display:block;width:100%;height:120px;object-fit:contain;border-radius:6px}.store-demo .sample-plan h3{font-size:15px;line-height:1.3;letter-spacing:0;margin:12px 0 4px}.store-demo .sample-plan p{font-size:11px;margin:0 0 6px;line-height:1.5}.store-demo .sample-plan strong{font-size:23px;letter-spacing:0;display:block;margin:6px 0 12px}.store-demo .demo-target{font-size:12px;gap:6px;min-height:40px;padding:8px 10px}.store-demo .demo-note{transform:none;margin-top:-10px}.store-demo .demo-caption{font-size:12px}.store-demo .note-head{font-size:12px}.store-demo .note-head .example{margin-left:auto;font-size:10px}.store-demo textarea{font-size:14px;min-height:66px}.store-demo .note-footer{gap:8px;font-size:11px}.store-demo #preview-handoff{font-size:12px;padding:9px 10px}.store-demo .demo-note pre{font-size:12px}@media(max-width:700px){.store-demo .demo-page{padding:18px 14px 30px}.store-demo .sample-product{height:100px}.store-demo .sample-plan{padding:8px}.store-demo .sample-plan h3{font-size:13px}.store-demo .sample-plans{gap:8px}.store-demo .demo-target{font-size:11px}.store-demo .demo-note{margin-left:12px;margin-right:12px}}