:root { --background:#fff; --foreground:#202328; --primary:#c51c2a; --primary-foreground:#fff; --muted:#f4f5f5; --muted-foreground:#62666b; --border:#dfe1e2; --ring:#c51c2a; --radius:.5rem; }
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--background);color:var(--foreground);font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #c51c2a;outline-offset:5px;border-radius:3px}p,h1,h2,h3,figure{margin:0}p{color:var(--muted-foreground)}h1,h2,h3{font-weight:600;line-height:1.15;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.5vw,2.8rem)}h3{font-size:1.2rem;letter-spacing:-.025em}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:96px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#a51220;margin-bottom:22px}.site-header{background:#ffffffed;border-bottom:1px solid #ececed;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;gap:32px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.12rem;font-weight:750;letter-spacing:-.035em;white-space:nowrap}.brand-light{font-weight:450}.header-inner nav{display:flex;gap:28px;margin-left:auto;font-size:.875rem;font-weight:550}.header-inner nav a{padding:10px 0;color:#505359}.header-inner nav a:hover,.text-link:hover,footer a:hover{color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 22px;border-radius:6px;font-size:.9rem;font-weight:600;line-height:1.4;transition:background .16s}.primary{background:var(--primary);color:white;box-shadow:0 3px 5px #93081914}.primary:hover{background:#a51220}.compact{min-height:40px;padding:10px 17px;font-size:.8rem}.unavailable{background:#e5e5e5;color:#53565a}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:58px;padding-block:67px 65px;min-height:715px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.tiny-line{width:24px;height:2px;background:#c51c2a}.hero h1{font-size:clamp(3rem,4.7vw,4.2rem);line-height:1.08;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--primary)}.hero-description{max-width:490px;font-size:1.12rem;line-height:1.8;margin-top:26px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;font-weight:600}.release-line{display:flex;align-items:center;gap:9px;font-size:.8rem;margin-top:15px}.hero-note{display:flex;align-items:center;gap:9px;font-size:.81rem;margin-top:38px;color:#565b60}.check-circle{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#edf0ed;color:#4d6855}.hero-visual{background:#f1f2f3;border:1px solid #dfe1e3;border-radius:12px;box-shadow:0 25px 60px -30px #31373d66;overflow:hidden;transform:rotate(1deg)}.screenshot-heading{display:flex;gap:9px;align-items:center;padding:14px 18px;color:#5d6269;font-size:.75rem;letter-spacing:.1em;font-weight:650}.screenshot-heading svg{color:var(--primary)}.screenshot-dot{width:6px;height:6px;background:#b2b8bb;border-radius:50%;margin-left:auto}.screenshot-stage{margin:0 20px;background:#fff;border:1px solid #d3d6d9;border-radius:3px;overflow:hidden}.screenshot-stage img{width:100%}figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;font-size:.75rem;color:#5f656b;line-height:1.5}figcaption a{padding:3px}.format-strip{border-block:1px solid #e7e8e9;background:#fafafa}.format-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px}.format-strip .container>span{font-size:.75rem;font-weight:650;letter-spacing:.1em;color:#656a6f}.format-strip p{display:flex;align-items:center;gap:24px;font-size:.875rem}.format-strip svg{width:17px;color:#757a7e}.format-strip strong{font-size:.85rem;letter-spacing:.04em;font-weight:600;color:#363a3e}.format-strip strong span{color:#757a7e;margin-inline:12px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading>p{max-width:360px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 52px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:#fcebef;border:1px solid #f2d6de;border-radius:9px;color:var(--primary);margin-bottom:21px}.feature h3{margin-bottom:12px}.feature p{font-size:1rem;line-height:1.8}.pattern-section{background:#f4f5f5;border-block:1px solid #e9eaeb;padding-block:76px}.pattern-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pattern-image{border:1px solid #d5d8da;border-radius:8px;overflow:hidden;background:white;max-width:390px;margin:auto;box-shadow:0 18px 40px -30px #1a263755}.pattern-image img{width:100%}.pattern-copy>p:not(.eyebrow){margin-top:24px}.pattern-copy .text-link{margin-top:26px}.check-list{list-style:none;padding:0;display:grid;gap:12px;margin-top:25px;font-size:.9rem}.check-list li{display:flex;gap:10px;align-items:start}.check-list svg{width:17px;height:24px;color:#a51220}.download-panel{display:grid;grid-template-columns:1fr 1fr;gap:75px;background:#252b30;color:white;border-radius:14px;padding:54px 56px}.download-panel .eyebrow{color:#ff858b}.download-panel h2{font-size:2.5rem}.download-intro>p:not(.eyebrow){color:#c1c6ca;max-width:380px;margin-top:20px}.download-intro .button{margin-top:28px;background:#c51c2a}.download-intro .button:hover{background:#a51220}.download-intro .download-small{font-size:.8rem;line-height:1.9}.version-tag{font-size:.75rem;letter-spacing:.1em;background:#ffffff0c;border:1px solid #ffffff26;padding:5px 10px;border-radius:4px;color:#e1e4e7}.release-details dl{margin-block:20px}.release-details dl div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;font-size:.875rem}.release-details dt{color:#aeb6bb}.release-details dd{margin:0;text-align:right}.release-details details{border-top:1px solid #4a4f53;font-size:.875rem}.release-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:14px 0;list-style:none}.release-details details ul{padding-left:18px;color:#c9ced1;line-height:1.7;margin:0 0 20px}.release-details details li{margin-bottom:8px}.release-details details p{color:#c9ced1}.checksum{display:block;overflow-wrap:anywhere;font-size:.75rem;color:#ff858b;margin-block:10px 20px}.installation{padding-top:30px}.installation h3{font-size:1rem}.installation ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:20px}.installation li{display:flex;align-items:start;gap:12px;font-size:.875rem;color:#62666b}.installation li span{font-size:.75rem;font-weight:650;color:#a51220;padding-top:2px}.help-section{background:#f9fafb;border-block:1px solid #e7e9ea}.workflow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 0 48px}.workflow li{border-top:1px solid #d7dbde;padding-top:18px}.step-number{font-size:.8rem;color:#a51220;letter-spacing:.05em}.workflow h3{font-size:1.12rem;margin:15px 0 12px}.workflow p{font-size:1rem}.speech-grid{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #dfe3e6;border-radius:9px}.speech-grid article{padding:30px}.speech-grid article+article{border-left:1px solid #dfe3e6}.small-label{display:flex;align-items:center;gap:10px;color:#783349;font-size:.75rem;font-weight:650;letter-spacing:.1em}.speech-grid h3{margin:20px 0 12px}.speech-grid p{font-size:1rem}.testing-note{display:flex;align-items:start;gap:14px;padding:22px 0;color:#a51220}.testing-note p{font-size:.875rem}.testing-note strong{color:#363c41}.faq-layout{display:grid;grid-template-columns:.85fr 1.5fr;gap:60px;margin-top:65px}.faq-list details{border-bottom:1px solid #dce0e3}.faq-list details:first-child{border-top:1px solid #dce0e3}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:20px 0;list-style:none;font-size:1rem;font-weight:550;cursor:pointer;line-height:1.5}.faq-list summary span{font-size:1.3rem;font-weight:350;color:#676e73}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:1rem;padding:0 30px 22px 0}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:center}.about-grid>div>p:not(.eyebrow){margin-top:24px;max-width:590px;font-size:1rem}.about-grid>div .independence{font-size:.875rem}.support-card{border:1px solid #e5ded9;background:#fff7f9;border-radius:10px;padding:32px}.support-card p{font-size:1rem;margin-top:14px}.pending-contact{font-size:.875rem!important;color:#713c4a;border-left:2px solid #cc8a9e;padding-left:10px}.support-link{display:flex;align-items:start;gap:14px;border-top:1px solid #d6bcc5;margin-top:26px;padding-top:22px;color:#a51220;font-size:.9rem;font-weight:600}.support-link svg{margin-top:3px}.support-link:hover{text-decoration:underline}footer{border-top:1px solid #e5e7e8}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p,.footer-inner>a:last-child{font-size:.8rem}.footer-inner .brand{font-size:.93rem}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:white;color:#a51220;box-shadow:0 2px 10px #0002}.skip-link:focus{top:10px}summary::-webkit-details-marker{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero{gap:85px;padding-block:80px}.hero-visual{max-width:480px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:20px}.header-inner nav{gap:18px;font-size:.875rem}.hero{gap:35px;min-height:auto}.hero h1{font-size:3.4rem}.hero-actions{gap:18px}.download-panel{padding:40px;gap:45px}.pattern-grid{gap:50px}.feature-grid{gap:35px}.about-grid{gap:50px}}
@media(max-width:850px){.header-inner{flex-wrap:wrap;padding-block:14px;gap:12px}.header-inner>.button{margin-left:auto}.header-inner nav{order:3;width:100%;justify-content:space-between;margin:0}.header-inner nav a{padding:5px 0}html{scroll-padding-top:130px}.hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:55px}.hero h1{font-size:2.75rem}.hero-description{font-size:1rem}.hero-note{margin-top:24px}.hero-visual{transform:none}.screenshot-stage{margin:0 10px}.screenshot-heading{padding:12px}.hero-visual figcaption{padding:10px}.format-strip .container{flex-direction:column;gap:8px}.feature-grid{grid-template-columns:repeat(2,1fr)}.section{padding-block:65px}.section-heading{gap:30px}.section-heading>p{max-width:280px}.pattern-grid{gap:35px}.pattern-copy h2{font-size:2rem}.download-panel{gap:30px;padding:32px}.download-panel h2{font-size:2rem}.installation ol{gap:18px}.workflow{grid-template-columns:repeat(2,1fr);gap:30px}.faq-layout{gap:30px}.about-grid{gap:30px}.footer-inner p{display:none}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.header-inner{min-height:0}.brand{font-size:1rem;gap:8px}.brand img{width:33px}.header-inner>.button{padding:9px 12px;min-height:38px}.header-inner nav{gap:10px;font-size:.875rem;flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-block:45px;gap:38px}.hero h1{font-size:clamp(2.5rem,10.5vw,3.5rem)}.hero .eyebrow{margin-bottom:19px}.hero-description{max-width:430px;margin-top:22px}.hero-actions{gap:16px;margin-top:24px}.hero-actions .button{padding:14px 16px;font-size:.875rem}.release-line{font-size:.75rem}.hero-note{margin-top:23px}.hero-visual{max-width:400px;width:100%;margin:auto}.screenshot-stage{margin:0 17px}.screenshot-heading{padding:12px 17px}.hero-visual figcaption{padding:12px 17px}.format-strip .container{padding-block:20px}.format-strip p{gap:10px;font-size:.75rem;flex-wrap:wrap;justify-content:center}.format-strip strong{font-size:.75rem;white-space:nowrap}.format-strip strong span{margin-inline:4px}.format-strip p svg{width:12px}.section{padding-block:56px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:none;margin-top:20px}.eyebrow{margin-bottom:17px}.feature-grid{gap:30px 22px}.feature h3{font-size:1.12rem}.feature-icon{width:39px;height:39px;margin-bottom:16px}.pattern-section{padding-block:48px}.pattern-grid{grid-template-columns:1fr;gap:30px}.pattern-copy{grid-row:1}.pattern-image{max-width:355px}.pattern-copy h2{font-size:2.1rem}.download-panel{grid-template-columns:1fr;padding:29px 24px;gap:30px;border-radius:10px}.download-panel h2{font-size:2.1rem}.download-intro>p{max-width:none}.installation ol{grid-template-columns:1fr;gap:14px}.workflow{gap:24px 22px}.workflow h3{font-size:1.12rem}.speech-grid{grid-template-columns:1fr}.speech-grid article{padding:25px}.speech-grid article+article{border-left:0;border-top:1px solid #dfe3e6}.testing-note{gap:10px}.faq-layout{grid-template-columns:1fr;gap:25px;margin-top:40px}.about-grid{grid-template-columns:1fr;gap:32px}.support-card{padding:26px}.footer-inner{min-height:95px;gap:10px}.footer-inner .brand{font-size:.875rem}.footer-inner>a:last-child{font-size:.875rem}}
@media(max-width:600px){.header-inner nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.header-inner nav a{padding-block:7px}html{scroll-padding-top:175px}.feature-grid,.workflow{grid-template-columns:1fr}.feature-grid{gap:30px}.feature{display:grid;grid-template-columns:42px 1fr;column-gap:16px}.feature-icon{grid-row:1/3}.feature p{grid-column:2}.workflow{gap:22px}.workflow li{display:grid;grid-template-columns:28px 1fr;column-gap:12px}.workflow h3{margin:0 0 10px}.workflow p{grid-column:2}.step-number{grid-row:1/3}}
@media(max-width:360px){.brand-light{font-size:.9rem}.container{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* v003: slate, muted blue-gray, and SKE-inspired reds. */
:root { --background:#e6ecee; --foreground:#23333d; --muted-foreground:#52616b; --primary:#c51c2a; --border:#c7d1d6; }
body { background:var(--background); }
.site-header { background:#182831f5; border-color:#374952; color:#f6f8f9; }
.header-inner nav a { color:#dae3e7; }
.header-inner nav a:hover { color:#ff858b; }
.header-inner { gap:24px; }
.header-inner nav { gap:22px; }
.review-banner { background:#dce4e7; border-bottom:1px solid #bccbd1; padding:8px 20px; text-align:center; font-size:.75rem; font-weight:700; letter-spacing:.05em; color:#405661; }
.review-banner span { font-weight:400; letter-spacing:0; margin-left:14px; }
.hero.container { width:100%; padding:65px max(48px,calc((100% - 1200px)/2)); background:#21343e; color:#f5f7f8; gap:58px; }
.hero .eyebrow { color:#ff858b; font-size:.8rem; letter-spacing:.11em; }
.hero .tiny-line { background:#ff858b; }
.hero h1 { font-size:clamp(2.8rem,4.3vw,4rem); }
.hero h1 em { color:#ff858b; }
.hero-subtitle { color:#e5ecef; font-size:1.25rem; line-height:1.4; margin-top:18px; font-weight:500; }
.hero-signature { color:#ff858b; font-size:1.3rem; font-weight:650; margin-top:20px; letter-spacing:-.02em; }
.hero-description { color:#c8d5db; font-size:1rem; margin-top:20px; }
.hero .release-line,.hero-note { color:#c7d4da; }
.hero .text-link { color:#f2f6f8; }
.hero .primary,.site-header .primary { background:#c51c2a; }
.hero .primary:hover,.site-header .primary:hover { background:#a51220; }
.hero-visual { transform:none; background:#d6dfe3; border-color:#72858f; box-shadow:0 22px 50px #071a2344; }
.hero-visual figcaption,.screenshot-heading { color:#405660; }
.format-strip { background:#d3dee3; border-color:#bfcdd3; }
.format-strip .container>span,.format-strip p { color:#475e6a; }
.feature-icon { background:#f4dfe5; border-color:#dfbac5; }
.pattern-section { background:#cfdbde; border-color:#b9c9ce; }
.pattern-image { background:#e7edef; border-color:#adc0c8; }
.help-section { background:#dce5e8; border-color:#bccdd4; }
.speech-grid { background:#edf2f3; border-color:#bbcbd2; }
.speech-grid article+article { border-color:#bbcbd2; }
.faq-list details,.faq-list details:first-child { border-color:#b9c9d0; }
.support-card { background:#d4dfe3; border-color:#b7c9d1; }
.download-panel { background:#21343e; }
.download-panel .eyebrow { color:#ff858b; }
.download-intro>p:not(.eyebrow) { color:#cbd8de; }
.signup-form { border-top:1px solid #4a606c; margin-top:26px; padding-top:24px; }
.signup-form h3 { font-size:1.1rem; letter-spacing:-.02em; }
.signup-form>p { color:#cbd8de; font-size:.9rem; margin-top:10px; }
.signup-form label { color:#e1e9ed; }
.signup-form .button { margin-top:15px; width:100%; border:0; }
label { display:block; font-size:.875rem; font-weight:550; margin:15px 0 7px; }
input:not([type=checkbox]),select,textarea { display:block; width:100%; padding:12px 13px; background:#f5f8f9; border:1px solid #9bb0bb; border-radius:5px; color:#1d303c; font:inherit; font-size:1rem; }
textarea { resize:vertical; min-height:140px; }
input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid #d83250; outline-offset:3px; }
.consent { display:flex; align-items:flex-start; gap:10px; font-size:.85rem; font-weight:400; line-height:1.5; }
.consent input { margin-top:4px; width:17px; height:17px; accent-color:#c51c2a; flex-shrink:0; }
button { font-family:inherit; cursor:pointer; }
button:disabled { cursor:not-allowed; background:#d2dce0; color:#526976; box-shadow:none; }
.honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden; }
.download-direct { display:flex; align-items:center; gap:10px; color:#ff858b; font-size:.9rem; margin-top:18px; text-decoration:underline; text-underline-offset:4px; }
.form-status { font-size:.875rem!important; font-weight:550; line-height:1.6; }
.form-status:empty { display:none; }
.preview-note { font-size:.75rem!important; line-height:1.6; color:#5b6d77; margin-top:12px; }
.signup-form .preview-note { color:#c2d1d9; }
.donation-section { background:#c5d4d9; border-block:1px solid #adbec6; }
.donation-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; align-items:center; }
.donation-grid>div>p:not(.eyebrow) { margin-top:24px; }
.donation-grid h2 { max-width:520px; }
.donation-thanks { color:#334d5c; font-size:1.25rem; }
.donation-thanks strong { color:#a51220; font-weight:600; }
.donation-card { background:#edf2f3; padding:34px; border:1px solid #aebfc8; border-radius:12px; box-shadow:0 15px 30px #18344112; }
.donation-card h3 { font-size:1.55rem; line-height:1.3; margin-top:20px; }
.donation-card>p { font-size:.95rem; }
.integration-pending { border:1px dashed #9cb0bb; background:#e0e8eb; padding:22px; border-radius:6px; margin-top:24px; }
.integration-pending strong { font-size:.9rem; }
.integration-pending p { font-size:.875rem; margin-block:12px; }
.integration-pending .button { width:100%; font-size:.8rem; }
.account-reference { font-size:.75rem!important; }
#load-donation { margin-top:20px; border:0; }
#donation-panel iframe { border:0; width:100%; min-height:720px; border-radius:6px; margin-top:20px; background:white; }
.supporter-explanation { border-top:1px solid #9db3bd; margin-top:30px; padding-top:18px; }
.supporter-explanation summary { font-size:.9rem; font-weight:600; cursor:pointer; }
.supporter-explanation p { font-size:.875rem; padding-top:12px; }
.contact-grid { display:grid; grid-template-columns:1fr 1.1fr; gap:75px; align-items:start; }
.contact-grid>div>p:not(.eyebrow) { margin-top:23px; }
.contact-email { display:flex; align-items:center; gap:10px; color:#a51220; font-weight:600; margin-top:26px; overflow-wrap:anywhere; }
.contact-reminder { font-size:.875rem; }
.contact-form { background:#d3dfe4; border:1px solid #b4c7d0; padding:30px; border-radius:10px; }
.contact-form .field-pair { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.contact-form .field-pair label { margin-top:0; }
.contact-form .button { border:0; margin-top:20px; }
.privacy-note { padding-bottom:45px; }
.privacy-note details { border-top:1px solid #b9cbd4; padding-top:20px; }
.privacy-note summary { font-size:.875rem; font-weight:600; cursor:pointer; }
.privacy-note p { font-size:.875rem; max-width:920px; margin-top:15px; }
footer { background:#182831; border-color:#425863; color:#dfebf0; }
footer p { color:#c8d7de; }
footer a:hover { color:#ff858b; }
@media(max-width:1100px) { .hero.container { padding-inline:32px; gap:32px; } .header-inner nav { gap:15px; } .donation-grid,.contact-grid { gap:40px; } }
@media(max-width:850px) { .hero.container { padding-block:50px; } .hero h1 { font-size:2.65rem; } .hero-subtitle { font-size:1.1rem; } .hero-signature { font-size:1.1rem; } .donation-grid,.contact-grid { gap:28px; } .contact-form { padding:22px; } .field-pair { grid-template-columns:1fr!important; } }
@media(max-width:600px) { .hero.container { padding:40px 20px; gap:35px; } .hero h1 { font-size:clamp(2.2rem,10vw,3.6rem); } .hero .eyebrow { font-size:.75rem; line-height:1.6; } .hero-subtitle { font-size:1.15rem; max-width:310px; } .hero-signature { font-size:1.2rem; } .review-banner span { display:block; margin:4px 0 0; } .header-inner nav { grid-template-columns:repeat(3,1fr); gap:4px 12px; } .header-inner nav a { font-size:.8rem; } .donation-grid,.contact-grid { grid-template-columns:1fr; gap:30px; } .donation-card { padding:25px; } .contact-form { padding:24px; } .contact-form .field-pair { gap:14px; } .contact-email { font-size:1rem; } .donation-card h3 { font-size:1.4rem; } .hero-actions { gap:20px; } }
[hidden] { display:none!important; }
@media(max-width:600px) { .header-inner nav a { font-size:.875rem; } }
@media(max-width:600px) { .header-inner { gap:10px; } } @media(max-width:360px) { .header-inner .brand { font-size:.9rem; gap:7px; } .header-inner .brand img { width:30px; } .header-inner>.compact { padding:9px 10px; } }

.player-highlight { border-left:3px solid #e92836; background:#ffffff08; padding:14px 17px; margin-top:22px; max-width:490px; line-height:1.5; }
.player-highlight strong { display:block; font-size:1.05rem; color:#fff; }
.player-highlight span { display:block; font-size:.85rem; color:#d1dde2; margin-top:5px; }
.tone-presets { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.tone-presets span { border:1px solid #c990a1; border-radius:5px; padding:6px 11px; color:#94111c; background:#f5e4e9; font-weight:650; font-size:.85rem; }
.tip-suggestions { margin-top:26px; border-block:1px solid #a9bdc6; padding-block:20px; }
.tip-suggestions h3 { font-size:1.1rem; }
.tip-suggestions dl { margin:15px 0; }
.tip-suggestions dl>div { display:flex; justify-content:space-between; gap:16px; padding:7px 0; }
.tip-suggestions dd { margin:0; white-space:nowrap; color:#9c1320; font-weight:700; }
.tip-suggestions p { font-size:.875rem; }
.screenshot-open { display:block; width:100%; border:0; padding:0; background:none; cursor:zoom-in; }
.screenshot-open:focus-visible { outline-offset:-4px; }
.screenshot-caption-open { display:grid; place-items:center; border:0; background:transparent; color:#94111c; min-width:36px; min-height:36px; cursor:zoom-in; }
.screenshot-modal-open { overflow:hidden; }
#screenshot-dialog { width:min(1000px,calc(100% - 32px)); max-width:100%; max-height:calc(100dvh - 32px); padding:0; border:1px solid #758994; border-radius:10px; background:#e7edef; color:#23333d; box-shadow:0 25px 100px #0008; }
#screenshot-dialog::backdrop { background:#09151ee6; }
.screenshot-dialog-header { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:10px 16px; }
.screenshot-dialog-header h2 { font-size:.9rem; line-height:1.5; letter-spacing:0; }
#close-screenshot { border:0; background:#a51220; color:white; border-radius:5px; min-width:44px; height:44px; font-size:1.8rem; line-height:1; }
#screenshot-content { padding:0 14px 14px; }
#screenshot-content img { width:auto; max-width:100%; max-height:calc(100dvh - 120px); object-fit:contain; margin:auto; }
@media(max-width:600px) { .tip-suggestions dl>div { font-size:.9rem; } }

/* Always-open support panel: both desktop columns share their top and bottom edges. */
.donation-grid { align-items:stretch; grid-template-columns:1.1fr 1fr; gap:64px; }
.donation-copy { display:flex; flex-direction:column; align-items:flex-start; }
.donation-icon { width:112px; height:112px; margin-bottom:28px; border-radius:22px; }
.donation-copy .tip-suggestions { width:100%; }
.donation-copy .supporter-explanation { width:100%; margin-top:auto; padding-top:18px; }
.donation-copy .donation-thanks { margin-bottom:28px; }
.donation-card { padding:0; display:flex; flex-direction:column; overflow:hidden; background:#fafafa; }
iframe#donation-panel { display:block; border:0; width:100%; min-height:760px; flex:1 1 auto; background:#fafafa; }
.donation-card .donation-payment-note { padding:14px 20px; margin:0; font-size:.75rem; line-height:1.6; background:#edf2f3; border-top:1px solid #d2dde2; }
@media(max-width:850px) { .donation-grid { gap:28px; } }
@media(max-width:600px) { .donation-grid { grid-template-columns:1fr; } .donation-icon { width:96px; height:96px; margin-bottom:24px; } iframe#donation-panel { min-height:760px; flex:none; } }

/* Refined hero, centered payment panel, and integrated footer notices. */
.hero .eyebrow { font-size:1rem; line-height:1.6; letter-spacing:.1em; }
.donation-embed-stage { flex:1; display:flex; align-items:center; width:100%; padding-block:20px; }
iframe#donation-panel { height:640px; min-height:640px; flex:none; }
.commercial-note { padding-top:0; }
.footer-inner>a:not(.brand) { font-size:.95rem; font-weight:500; }
footer .privacy-note { padding-bottom:35px; }
footer .privacy-note details { border-color:#425863; padding-top:18px; }
footer .privacy-note summary { color:#dfebf0; font-size:.95rem; }
footer .privacy-note p { color:#c8d7de; max-width:1050px; }
@media(max-width:600px) { .hero .eyebrow { font-size:.88rem; } .footer-inner { flex-wrap:wrap; justify-content:flex-start; gap:16px 24px; padding-block:24px; } .footer-inner .brand { width:100%; } .footer-inner>a:not(.brand) { font-size:.875rem; } iframe#donation-panel { height:712px; min-height:712px; } .donation-embed-stage { padding-block:12px; } }

.toolkit-callout { max-width:460px; padding-left:24px; border-left:3px solid #c51c2a; }
.toolkit-callout h3 { color:#a51220; font-size:clamp(1.7rem,2.5vw,2.2rem); margin-bottom:14px; }
.tone-groups { display:grid; gap:20px; margin-top:26px; }
.tone-groups h3 { font-size:1.1rem; letter-spacing:-.015em; }
.tone-groups .tone-presets { margin-top:10px; }
.pattern-copy .tone-limits { font-size:.875rem; }
.help-screenshot-links { display:grid; gap:18px; min-width:340px; }
.help-screenshot-links button { text-align:left; padding:0 0 14px; background:transparent; border:0; border-bottom:1px solid #a9bdc6; color:#a51220; }
.help-screenshot-links button>span { display:flex; gap:20px; align-items:center; justify-content:space-between; font-size:clamp(1.5rem,2.6vw,2.2rem); line-height:1.3; font-weight:650; letter-spacing:-.035em; }
.help-screenshot-links small { display:block; font-size:.875rem; color:#52616b; margin-top:7px; }
.help-screenshot-links button:hover>span { text-decoration:underline; text-underline-offset:5px; }
@media(max-width:850px) { .help-screenshot-links { min-width:0; } }
@media(max-width:600px) { .toolkit-callout,.help-screenshot-links { margin-top:26px; } .toolkit-callout { padding-left:18px; } }

/* Distinct page bands and matching speech cards. */
#features { background:#e6ecee; }
#downloads { background:#edf2f3; }
#help { background:#d4e0e5; }
#faq { background:#eef2f3; border-bottom:1px solid #c6d3d9; }
#about { background:#dbe5e8; }
#contact { background:#e6ecee; }
#faq .faq-layout { margin-top:0; }
#help .section-heading { margin-bottom:30px; }
.help-screenshot-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; margin:0 0 42px; }
.help-screenshot-links button { padding:20px 22px; border:1px solid #a9bdc6; border-radius:8px; background:#edf2f3; }
.speech-grid { display:grid; grid-template-columns:1fr; gap:20px; background:none; border:0; }
.speech-grid article { background:#edf2f3; border:1px solid #bbcbd2; border-radius:9px; }
.speech-grid article+article { border:1px solid #bbcbd2; }
.speech-grid article p { max-width:900px; }
@media(max-width:1100px) { .header-inner nav { gap:13px; } }
@media(max-width:600px) { .help-screenshot-links { grid-template-columns:1fr; gap:16px; margin-top:0; } .help-screenshot-links button { padding:18px; } }

.download-panel { row-gap:32px; }
.download-panel .installation { grid-column:1/-1; border-top:1px solid #4a606c; padding-top:26px; }
.download-panel .installation h3 { color:#f5f7f8; }
.download-panel .installation li { color:#cbd8de; }
.download-panel .installation li span { color:#ff858b; }
.download-panel .installation ol { margin-bottom:0; }
.speech-grid .speech-card { display:block; padding:30px; background:#edf2f3; border:1px solid #bbcbd2; border-radius:9px; }
.speech-card h3 { margin:20px 0 12px; }
.speech-card p { max-width:900px; font-size:1rem; }
@media(min-width:851px) and (max-width:1200px) { .header-inner { gap:16px; } .header-inner nav { gap:12px; } }
@media(max-width:950px) and (min-width:601px) { .header-inner { flex-wrap:wrap; padding-block:14px; } .header-inner>.button { margin-left:auto; } .header-inner nav { order:3; width:100%; justify-content:space-between; margin-left:0; } }
@media(max-width:600px) { .speech-grid .speech-card { padding:25px; } html { scroll-padding-top:210px; } }

@media(min-width:601px) and (max-width:1050px) { .header-inner { flex-wrap:wrap; padding-block:14px; } .header-inner>.button { margin-left:auto; } .header-inner nav { order:3; width:100%; justify-content:space-between; margin-left:0; } html { scroll-padding-top:145px; } }

/* Bare application capture, sized to balance the hero copy. */
.hero-visual { background:transparent; border:0; border-radius:0; box-shadow:none; overflow:visible; max-width:none; width:100%; align-self:stretch; display:flex; align-items:center; }
.hero-visual .screenshot-open { width:100%; }
.hero-visual img { width:100%; height:auto; }
@media(min-width:851px) { .hero.container { grid-template-columns:1fr 1.15fr; gap:46px; padding-inline:max(32px,calc((100% - 1280px)/2)); } }
@media(min-width:1450px) { .hero-visual { max-width:none; } }
@media(max-width:600px) { .hero-visual { max-width:480px; } }

.pattern-grid { align-items:start; gap:54px; }
.listen-media { min-width:0; }
.listen-media .pattern-image { width:100%; max-width:none; margin:0; }
.audio-library { margin-top:28px; padding:22px; background:#edf2f3; border:1px solid #adc0c8; border-radius:8px; }
.audio-library>p { font-size:.875rem; margin-top:10px; }
.audio-library table { width:100%; border-collapse:collapse; margin-top:18px; font-size:.8rem; text-align:left; }
.audio-library th,.audio-library td { padding:12px 6px; border-bottom:1px solid #c2cfd6; overflow-wrap:anywhere; }
.audio-library th { font-weight:650; }
.audio-library button,.audio-library .audio-download { display:inline-flex; gap:6px; align-items:center; background:#a51220; color:white; border:0; border-radius:4px; padding:10px; min-height:42px; }
.audio-library .audio-empty,.audio-unavailable { color:#52616b; font-weight:400; }
#sample-player { width:100%; margin-top:10px; }
#audio-preview-status { font-size:.875rem; margin-top:18px; }
.audio-library .audio-disclosure { font-size:.8rem; }
@media(max-width:600px) { .pattern-grid { gap:30px; } .audio-library { padding:18px 12px; } }

/* Dialog hugs the rendered screenshot; only the title bar adds space. */
#screenshot-dialog { width:fit-content; max-width:calc(100vw - 32px); border:0; overflow:hidden; }
.screenshot-dialog-header { height:64px; padding:10px 14px; }
.screenshot-dialog-header h2 { min-width:0; }
#screenshot-content { padding:0; }
#screenshot-content img { display:block; width:auto; height:auto; max-width:calc(100vw - 32px); max-height:calc(100dvh - 96px); margin:0; object-fit:contain; }

/* Original big-letter identity and clearer workflow markers. */
.step-number { font-size:2rem; line-height:1.1; font-weight:650; letter-spacing:-.03em; }
.faq-icon { width:280px; max-width:100%; height:auto; margin-top:32px; }
.listen-media .pattern-image { border:0; border-radius:0; box-shadow:none; background:transparent; }
@media(max-width:600px) { .workflow li { grid-template-columns:48px 1fr; } .faq-icon { width:220px; margin-top:24px; } }

.help-screenshot-links.pattern-designer-link { grid-template-columns:1fr; margin:0; min-width:0; }

/* Installation: three equally weighted cards within the download panel. */
.download-panel .installation { padding-top:30px; }
.installation-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
.download-panel .installation h3 { font-size:1.3rem; letter-spacing:-.025em; }
.installation-heading>p { color:#bbcdd6; font-size:.875rem; }
.download-panel .installation ol { gap:16px; margin-top:22px; }
.download-panel .installation li { display:flex; gap:14px; padding:22px 18px; background:#2a424f; border:1px solid #48616e; border-radius:9px; }
.download-panel .installation li .install-number { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border-radius:50%; background:#b81728; color:#fff; padding:0; font-size:1rem; font-weight:700; }
.installation h4 { margin:5px 0 10px; color:#fff; font-size:1rem; font-weight:650; line-height:1.35; }
.installation li p { color:#d2dfe5; font-size:.875rem; line-height:1.65; margin:0; }
.installation li strong { font-weight:600; color:#edf3f6; }
@media(max-width:1000px) and (min-width:601px) { .download-panel .installation li { flex-direction:column; } }
@media(max-width:600px) { .installation-heading { display:block; } .installation-heading>p { margin-top:8px; } .download-panel .installation li { padding:20px 16px; } }

.player-highlight strong,.player-highlight span { display:inline; }
.player-highlight span { margin:0; }
/* Center the compact embedded panel rather than its previous oversized canvas. */
.donation-embed-stage { justify-content:center; padding-block:24px; }
iframe#donation-panel { height:570px; min-height:570px; }
@media(max-width:850px) { iframe#donation-panel { height:620px; min-height:620px; } }
@media(max-width:600px) { iframe#donation-panel { height:620px; min-height:620px; } }

#audio-preview-status { color:#a51220; font-weight:700; white-space:pre-line; }

.hero-note { font-size:clamp(1rem,1.4vw,1.2rem); font-weight:600; line-height:1.55; }
.hero-note .check-circle { width:25px; height:25px; }

.contact-recipient { border:0; padding:0; margin:0 0 24px; min-width:0; }
.contact-recipient legend { font-size:1.1rem; font-weight:650; margin-bottom:12px; }
.contact-recipient-options { display:flex; flex-wrap:wrap; gap:12px 26px; }
.contact-recipient-options label { display:flex; align-items:center; gap:10px; margin:0; padding:8px 0; font-size:1rem; cursor:pointer; }
.contact-recipient-options input[type=radio] { width:18px; height:18px; padding:0; margin:0; flex-shrink:0; accent-color:#b30e24; }

/* Align preview headings and controls on the same column center. */
.audio-library thead th:not(:first-child),
.audio-library tbody td:not([colspan]) { text-align:center; }

.computer-authorization{padding:24px;margin-bottom:24px;border:2px solid #c52336;border-radius:12px;background:#fff;color:#20343e}.computer-authorization h3{margin-top:0}.computer-authorization form{display:grid;gap:12px}.computer-authorization input{width:100%;padding:12px;border:1px solid #697b83;border-radius:6px;box-sizing:border-box}.authorization-status{overflow-wrap:anywhere}.computer-authorization button:disabled{opacity:.65}

.donation-card.showing-activation .donation-embed-stage,.donation-card.showing-activation .donation-payment-note{display:none}
.showing-activation .computer-authorization{margin:0;border:0;padding:clamp(24px,5vw,48px);text-align:center}
.computer-authorization .activation-button{display:inline-flex;margin:12px 0;white-space:normal}
.computer-authorization .activation-help{font-size:.95rem;line-height:1.6}

.audio-library .audio-download { text-decoration:none; justify-content:center; }
.audio-library thead th:not(:first-child),.audio-library tbody td:not([colspan]) { width:20%; padding-left:4px; padding-right:4px; }
.audio-library thead th:first-child { width:40%; }
@media(max-width:420px) { .audio-library table { font-size:.72rem; } .audio-library button,.audio-library .audio-download { padding:8px 5px; gap:3px; } }

.download-thanks-dialog { width:min(540px,calc(100% - 28px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:32px; border:1px solid #adc0c8; border-radius:14px; background:#edf2f3; color:#20343e; box-shadow:0 24px 80px #0006; }
.download-thanks-dialog::backdrop { background:#152b35b3; }
.download-thanks-dialog h2 { font-size:1.8rem; line-height:1.2; margin:8px 24px 12px 0; }
.download-thanks-dialog .eyebrow { font-size:.75rem; }
.download-thanks-close { position:absolute; top:10px; right:12px; width:40px; height:40px; border:0; border-radius:6px; background:transparent; font-size:30px; color:#20343e; cursor:pointer; }
.download-thanks-dialog label { display:block; font-weight:650; margin:14px 0 5px; }
.download-thanks-dialog label span { font-weight:400; font-size:.85rem; }
.download-thanks-dialog input,.download-thanks-dialog select,.download-thanks-dialog textarea { display:block; width:100%; padding:10px 12px; border:1px solid #9db0ba; border-radius:6px; background:white; color:#20343e; font:inherit; }
.download-thanks-dialog textarea { resize:vertical; }
.download-thanks-dialog .download-consent { font-size:.8rem; line-height:1.5; margin:14px 0; }
.download-thanks-dialog .download-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
#download-thanks-status { margin-top:12px; font-size:.9rem; }
.download-thanks-dialog :focus-visible { outline:3px solid #126ca4; outline-offset:3px; }
@media(max-width:480px) { .download-thanks-dialog { padding:24px 18px; } }

.download-thanks-success:not([hidden]) { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:360px; padding:32px 0; text-align:center; font-size:clamp(38px,8vw,64px); line-height:1.2; font-weight:800; color:#20343e; }

.download-email-duplicate { font-size:clamp(24px,4vw,32px); line-height:1.4; font-weight:650; padding:24px 0; }
.download-email-duplicate a { text-decoration:underline; }