:root{color-scheme:light;--paper:#f8f7f2;--white:#fffefa;--ink:#243e32;--muted:#626d64;--line:#dcded4;--green:#366547;--lime:#e6eeae;--soft:#eef0e6;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,select,summary{cursor:pointer}a,button,select,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #487854;outline-offset:5px}p{line-height:1.75}h1,h2,h3,p{margin-top:0}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}.wrap{max-width:1272px;margin-inline:auto;padding-inline:48px}.skip-link{position:fixed;left:1rem;top:-6rem;z-index:20;padding:1rem;background:var(--ink);color:white}.skip-link:focus{top:1rem}
.site-header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.22rem;font-weight:650;letter-spacing:-.045em;white-space:nowrap}.brand img{object-fit:contain}.brand-dot{color:#708750}.site-header nav{display:flex;gap:30px;font-size:.875rem}.site-header nav a,.header-install{transition:color .15s}.site-header nav a:hover,.header-install:hover,.text-link:hover{color:var(--green)}.header-install{display:inline-flex;align-items:center;gap:13px;font-size:.875rem;font-weight:600;border-bottom:1px solid #a3b49b;padding-block:8px}.header-install span{font-size:1.25rem}
.hero{display:grid;grid-template-columns:.96fr 1fr;gap:60px;align-items:center;padding-block:74px 72px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;letter-spacing:.105em;line-height:1.6;margin-bottom:27px}.status-dot,.small-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#719162}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.1rem,5.35vw,4.7rem);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin-bottom:26px}.hero h1 em{color:var(--green)}.hero-description{font-size:1.2rem;line-height:1.65;margin-bottom:16px;letter-spacing:-.02em}.hero-description em{font-family:inherit;font-weight:600}.hero-detail{max-width:425px;color:var(--muted);font-size:1rem;margin-bottom:28px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:50px;padding:13px 21px;border:1px solid var(--ink);border-radius:5px;background:var(--ink);color:var(--white);font-size:.9375rem;font-weight:600;line-height:1.5;text-align:center;transition:background .15s,transform .15s}.button span{font-size:1.2rem}.button:hover{background:#3b5743;transform:translateY(-2px)}.text-link{font-size:.875rem;padding-block:5px;border-bottom:1px solid #a4ae9f}.fine-print{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.8125rem;color:var(--muted);margin:15px 0 0}.hero-footnote{display:flex;gap:14px;align-items:flex-start;margin-top:37px}.footnote-line{width:30px;height:1px;background:#a0b094;margin-top:13px}.hero-footnote p{font-family:Georgia,"Times New Roman",serif;font-size:.9375rem;font-style:italic;line-height:1.6;color:#727e6f;margin:0}
.demo-column{min-width:0;scroll-margin-top:25px}.reader{border:1px solid #ccd2c2;background:var(--white);border-radius:9px;box-shadow:0 16px 45px #263b2910,8px 8px 0 #e8ebdf;overflow:hidden}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eef0e7;border-bottom:1px solid #daddd0;padding:12px 21px;color:#677363;font-size:.75rem}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#b4beaa;border-radius:50%}.reader-symbol{font-size:1.2rem;line-height:1}.reader-page{padding:25px 30px 22px}.article-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#75816d;font-size:.75rem;line-height:1.7;margin-bottom:18px}.article-meta span:first-child{font-weight:650;letter-spacing:.08em}.reader h2{font-family:Georgia,"Times New Roman",serif;font-size:2.05rem;font-weight:400;letter-spacing:-.025em;line-height:1.15;margin-bottom:18px}.article-text{font-family:Georgia,"Times New Roman",serif;font-size:1.0625rem;line-height:1.8;color:#5a6657;margin-bottom:13px}.second-paragraph{margin-bottom:20px}.word{background:#e9edc8;color:#2f4b32;border:0;border-bottom:1px solid #adb684;padding:0 3px;border-radius:2px;font:inherit;transition:background .15s}.word:hover,.word.selected{background:#dce5a6;border-bottom-color:#778d51}
.explanation{position:relative;border:1px solid #b9c5ac;border-radius:6px;background:#f3f6eb;box-shadow:0 5px 15px #263b2908}.explanation::before{content:"";position:absolute;top:-6px;left:34px;width:10px;height:10px;transform:rotate(45deg);background:#f3f6eb;border-top:1px solid #b9c5ac;border-left:1px solid #b9c5ac}.explanation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px 0}.explanation-heading>div{display:flex;align-items:center;gap:8px}.book-mark{color:#6c8759;font-size:1.2rem}.explanation-heading strong{font-size:1rem;font-weight:650}.explanation-badge{font-size:.75rem;font-weight:650;letter-spacing:.04em;color:#637b51;border:1px solid #d5dec6;padding:4px 6px;border-radius:3px;white-space:nowrap}.explanation-body{padding:12px 18px 14px;min-height:139px}.explanation-body .explanation-label{font-size:.8125rem;color:#687b5e;margin-bottom:4px}#demo-meaning{font-size:.9375rem;line-height:1.6;margin-bottom:11px}.example-row{display:flex;gap:9px;align-items:flex-start}.example-dash{color:#84956e;line-height:1.7}#demo-example{font-family:Georgia,"Times New Roman",serif;font-size:.9375rem;font-style:italic;line-height:1.65;color:#637257;margin:0}.explanation-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;border-top:1px solid #dbe2cd;font-size:.875rem}.explanation-footer label{color:#66775d}.explanation-footer select{min-width:0;max-width:65%;border:1px solid #b9c8a6;background:#fbfcf6;color:var(--ink);border-radius:4px;padding:6px 8px;font-size:.875rem}.reader-bottom{display:flex;align-items:center;gap:8px;padding:11px 20px;border-top:1px solid #e3e6d9;color:#67765c;font-size:.75rem}.small-dot{height:5px;width:5px}.demo-note{font-size:.8125rem;color:#627455;line-height:1.65;margin:18px 0 0 19px}.demo-note>span:first-child{margin-right:4px}.demo-note>span:last-child{color:#737a6c;font-size:.75rem;margin-left:19px}
.principle-strip{border-block:1px solid var(--line)}.principle-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:23px;color:#68745f;font-size:.875rem}.principle-strip span::before{content:"+";margin-right:9px;color:#8b9c76}
.why-section,.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:105px;padding-block:95px}.section-intro .eyebrow{color:#6b7f5c;margin-bottom:22px}.section-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,3.5vw,3.3rem);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin-bottom:25px}.section-intro h2 em{color:var(--green)}.section-intro>p:not(.eyebrow){max-width:425px;color:var(--muted);font-size:1rem;margin-bottom:16px}.benefit-list article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:23px 0}.benefit-list article:first-child{padding-top:0}.benefit-list article:last-child{padding-bottom:0;border-bottom:0}.item-number{font-family:Georgia,"Times New Roman",serif;font-size:1rem;color:#819071;padding-top:3px}.benefit-list h3,.steps h3{font-size:1.0625rem;font-weight:600;line-height:1.6;letter-spacing:-.01em;margin-bottom:8px}.benefit-list p{font-size:1rem;color:var(--muted);margin-bottom:0}
.learning-note{display:flex;gap:22px;align-items:center;padding-block:28px;border-top:1px solid var(--line);margin-bottom:75px}.note-marker{color:#879c57;font-size:2.1rem}.learning-note p{font-size:.9375rem;margin:0}.learning-note p span{color:var(--muted);font-size:.875rem}.note-signature{margin-left:auto;flex:none;font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#728160;font-size:.875rem}
.install-section{background:#243e32;color:#f7f7ee}.install-layout{display:grid;grid-template-columns:1fr 1fr;gap:105px;padding-block:76px}.install-section .eyebrow{color:#bfcea8}.install-section h2 em{color:var(--lime)}.install-section .section-intro>p:not(.eyebrow){color:#c5cdbf}.button.light{background:var(--lime);color:var(--ink);border-color:var(--lime);margin-top:12px}.button.light:hover{background:#f0f5c5}.install-section .section-intro p.install-note{font-size:.875rem;line-height:1.6;margin-top:17px;max-width:360px;color:#b6c3ac}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:flex-start;gap:22px;padding:25px 0;border-bottom:1px solid #46604b}.steps li:first-child{padding-top:0}.steps li:last-child{padding-bottom:0;border-bottom:0}.steps li>span{flex:none;font-family:Georgia,"Times New Roman",serif;color:#b3c795;font-size:1.0625rem;padding-top:4px}.steps p{color:#c5cdbf;font-size:1rem;margin:0}
.faq-section{gap:105px;padding-block:90px}.faq-list details{border-bottom:1px solid var(--line);padding-block:19px}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;font-size:1rem;font-weight:600;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";font-size:1.2rem;font-weight:400;color:#81916e;flex:none}.faq-list details[open] summary::after{content:"−"}.faq-list p{margin:12px 22px 0 0;color:var(--muted);font-size:1rem}
.support-section{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:42px;border-block:1px solid var(--line)}.support-section>div{max-width:640px}.support-section .eyebrow{color:#6b7f5c;margin-bottom:16px}.support-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;font-size:2.5rem;line-height:1.1;margin-bottom:15px}.support-section p:not(.eyebrow){color:var(--muted);font-size:1rem;margin:0}.button.outline{flex:none;background:transparent;color:var(--ink);border-color:#a7b498}.button.outline:hover{background:#edf0e0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;font-size:.8125rem;color:#6b775f}.site-footer .brand{font-size:1.0625rem;color:var(--ink)}
@media(min-width:1600px){.hero{padding-block:92px 90px}}
@media(max-width:1080px){.wrap{padding-inline:32px}.hero{gap:38px}.hero h1{font-size:3.7rem}.hero-actions{gap:15px}.reader-page{padding-inline:23px}.why-section,.faq-section,.install-layout{gap:65px}.principle-strip .wrap{font-size:.8125rem;gap:12px}.note-signature{display:none}}
@media(max-width:820px){.site-header{min-height:85px;gap:15px}.site-header nav{gap:18px;font-size:.875rem}.header-install{max-width:185px;font-size:.875rem}.hero{gap:30px}.hero h1{font-size:3.05rem}.hero-description{font-size:1.125rem}.hero-footnote{margin-top:28px}.reader h2{font-size:1.8rem}.article-text{font-size:1rem}.explanation-badge{display:none}.explanation-footer{flex-direction:column;align-items:flex-start;gap:6px}.explanation-footer select{max-width:100%;width:100%}.article-meta span:last-child{display:none}.why-section,.faq-section,.install-layout{gap:40px}.principle-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:13px}}
@media(max-width:680px){.wrap{padding-inline:23px}.site-header{min-height:78px;gap:18px}.site-header nav{display:none}.brand{font-size:1.125rem;gap:8px}.header-install{max-width:152px;font-size:.8125rem;line-height:1.5}.hero{grid-template-columns:1fr;gap:35px;padding-block:43px 45px}.hero h1{font-size:clamp(2.75rem,10vw,4rem);line-height:1.08;margin-bottom:21px}.eyebrow{font-size:.75rem;letter-spacing:.06em;margin-bottom:22px;gap:8px}.hero-description{font-size:1.125rem}.hero-detail{max-width:450px}.hero-footnote{display:none}.hero-actions{gap:15px 22px}.fine-print{margin-top:16px}.reader-page{padding:23px}.article-meta span:last-child{display:block}.reader h2{font-size:2rem}.explanation-badge{display:block}.explanation-footer{flex-direction:row;align-items:center;gap:10px}.explanation-footer select{width:auto;max-width:60%}.demo-note{margin-left:0}.principle-strip .wrap{font-size:.8125rem;padding-block:22px}.principle-strip span::before{margin-right:6px}.why-section,.faq-section,.install-layout{grid-template-columns:1fr;gap:30px;padding-block:52px}.section-intro h2{font-size:2.8rem}.section-intro .eyebrow{margin-bottom:18px}.benefit-list article{padding-block:22px;gap:22px}.learning-note{gap:16px;align-items:flex-start;padding-block:23px;margin-bottom:45px}.note-marker{font-size:1.6rem;padding-top:3px}.learning-note p{font-size:.875rem}.learning-note p span{font-size:.8125rem}.steps{margin-top:6px}.faq-section .section-intro>p{display:none}.support-section{flex-direction:column;align-items:flex-start;gap:24px;padding-block:33px}.support-section h2{font-size:2.35rem}.site-footer{flex-wrap:wrap;gap:18px;padding-block:25px}.site-footer>span{display:none}}
@media(max-width:380px){.wrap{padding-inline:18px}.brand img{width:27px;height:27px}.brand{font-size:1rem}.header-install{max-width:135px}.reader-page{padding-inline:18px}.article-meta span:last-child{display:none}.explanation-footer{flex-direction:column;align-items:flex-start}.explanation-footer select{max-width:100%;width:100%}.explanation-badge{font-size:.6875rem}.principle-strip .wrap{grid-template-columns:1fr}}
.section-intro,.benefit-list,.steps,.faq-list,.benefit-list article>div,.steps li>div{min-width:0}.section-intro h2,.support-section h2,.hero h1{overflow-wrap:anywhere}.header-install{display:block;min-width:0;overflow-wrap:anywhere}.header-install span{margin-left:8px}.button{max-width:100%}.explanation-heading{flex-wrap:wrap}
@media(max-width:680px){.why-section,.faq-section,.install-layout{grid-template-columns:minmax(0,1fr)}}
.watch-link{display:inline-block;font-size:.875rem;margin-top:3px}.video-section{padding-block:70px 30px;scroll-margin-top:24px}.video-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:28px}.video-heading>div{min-width:0}.video-heading h2{margin-bottom:0}.video-heading>p{max-width:370px;margin-bottom:4px}.video-demo{margin:0;border:1px solid #ccd2c2;border-radius:9px;overflow:hidden;background:var(--white);box-shadow:0 12px 35px #263b2909}.video-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink)}.video-demo figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;padding:18px 24px;font-size:.875rem;color:var(--muted)}.video-demo figcaption strong{color:var(--green);margin-right:8px}.video-demo figcaption>a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.video-description{margin-top:18px;color:var(--muted);font-size:.875rem}.video-description summary{text-decoration:underline;text-underline-offset:4px}.video-description p{max-width:780px;margin:14px 0 0}@media(max-width:680px){.video-section{padding-block:45px 0}.video-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:23px}.video-heading>p{max-width:none}.video-demo figcaption{padding:15px;gap:12px 18px;font-size:.8125rem}.video-demo figcaption>a{margin-left:0}.video-description{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover{transform:none}}