@layer reset, base, components, responsive;
@layer components {
  .legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:75px;padding-block:46px 90px}
  .legal-layout aside nav{display:grid;gap:7px}
  .legal-layout aside nav a{font-size:13px;min-height:38px;padding-block:5px}
  .legal-copy{max-width:770px;min-width:0}
  .legal-copy section+section{margin-top:36px}
  .legal-copy h2{font-size:29px;line-height:1.2;margin-bottom:17px;letter-spacing:-.025em;text-wrap:initial}
  .legal-copy p{font-size:15px;overflow-wrap:anywhere}
  .legal-review{padding:23px 27px;background:var(--sage);border:1px solid var(--line);border-radius:6px}
  .legal-review .eyebrow{margin-bottom:11px}
  .legal-review>p:not(.eyebrow),.legal-review li{font-size:13px;color:var(--muted)}
  .legal-review li+li{margin-top:7px}
  .legal-date{margin-bottom:10px}
  .error-actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;padding-bottom:80px}
  .footer-legal{margin-left:12px;display:inline-block}
  .footer-legal a{display:inline-block;min-height:30px;padding-block:5px}
}
@layer responsive {
  @media(max-width:700px){.legal-layout{grid-template-columns:1fr;gap:28px;padding-block:30px 60px}.legal-layout aside nav{display:flex;flex-wrap:wrap;gap:4px 18px}.legal-layout aside nav a{min-height:44px}.legal-copy h2{font-size:27px}.legal-review{padding:20px}.footer-legal a{min-height:44px;padding-block:12px}}
}
@layer components { .menu-toggle { display:none; } }
@layer components {
  .inquiry-panel fieldset { border:0;padding:0;margin:0;min-width:0; }
  .inquiry-panel fieldset>.fine { margin-top:-9px;font-size:11px; }
  .inquiry-panel fieldset>.button { margin-top:20px; }
}
@layer responsive { @media(max-width:1100px) { .workspace-figure::before { transform:none;inset:0 -8px 16px; } } }
@layer responsive { @media(max-width:420px) { .workspace-figure::before { transform:none;inset:0 0 27px; } } }
@layer reset {
  *,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}
}
@layer base {
  :root{--paper:#fbfaf6;--ink:#23352f;--green:#31654c;--forest:#203f32;--sage:#edf2e9;--line:#d9dfd5;--muted:#56645b;--warm:#e8dfca;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,Helvetica,sans-serif}
  html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--green)}button{cursor:pointer}button:disabled{cursor:default}a,button,input,textarea,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9a5c12;outline-offset:5px}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}h1{font-size:clamp(48px,5.5vw,80px)}h2{font-size:clamp(36px,3.6vw,53px)}h3{font-size:21px;line-height:1.3;letter-spacing:-.025em;font-weight:600}em{font-weight:400;color:var(--green)}p{color:var(--muted)}p+p{margin-top:18px}ul,ol{padding-left:22px}main{min-height:60vh;outline:none}section{scroll-margin-top:28px}::selection{background:#d5e6d6}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--green);margin-bottom:24px}.lead{font-size:19px;line-height:1.7;max-width:680px}.small-lead{font-size:21px}.fine{font-size:13px;line-height:1.65}.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}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.pale-section{background:var(--sage)}
}
@layer components {
  .skip-link{position:absolute;left:16px;top:-100px;z-index:100;padding:12px 20px;background:var(--forest);color:white}.skip-link:focus{top:10px;color:white}.announcement{padding:9px 24px;background:var(--sage);font-size:12px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--forest);line-height:1.6}.announcement a{margin-left:14px;font-weight:600}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);flex-shrink:0}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;font-weight:600;letter-spacing:-1.2px;text-decoration:none;line-height:1.1;color:var(--ink);flex-shrink:0}.brand-dot{color:var(--green)}.brand img{border-radius:11px}.site-nav{display:flex;gap:27px;align-items:center}.site-nav>a{font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border-bottom:2px solid transparent}.site-nav>a:hover,.site-nav>a[aria-current=page]{border-bottom-color:var(--green);color:var(--green)}.site-nav>a.nav-app{border:1px solid var(--line);padding:10px 17px;border-radius:5px;font-weight:600}.menu-toggle{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 13px;min-height:44px;border-radius:5px;align-items:center;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 21px;min-height:52px;text-decoration:none;font-size:14px;font-weight:600;line-height:1.5;border:1px solid transparent;border-radius:5px;transition:background .16s,color .16s;max-width:100%;text-align:center}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--forest);color:#fff}.button.secondary{border-color:#a7b5a7;background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--sage)}.button.light{background:var(--paper);color:var(--forest)}.button.light:hover{background:#e5eddf}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;min-height:44px}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:30px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding-block:82px 76px}.hero-copy h1{margin-bottom:26px}.hero-copy .lead{font-size:18px;max-width:480px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}.hero-actions>.text-link{margin-left:2px}.access-note{font-size:12px;line-height:1.7;margin-top:19px}.access-note a{font-weight:600}.workspace-figure{position:relative;padding:17px 0 0 14px}.workspace-figure::before{content:'';position:absolute;background:#e4eada;border-radius:48% 48% 20% 40%;inset:0 -20px 16px -10px;z-index:-1;transform:rotate(3deg)}.workspace{background:#fff;border:1px solid #d3dcce;border-radius:10px;box-shadow:0 20px 45px #2447330e;transform:rotate(-1deg);overflow:hidden}.workspace-top{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid #e7eae4;font-size:12px;font-weight:600;line-height:1.5}.workspace-top small{display:block;font-size:10px;color:#62705f;font-weight:400}.workspace-mark{width:30px;height:30px;background:var(--sage);border-radius:8px;display:grid;place-content:center;color:var(--green);position:relative;font-family:var(--serif);font-size:23px}.workspace-mark span{position:absolute;right:3px;bottom:0;font-size:15px}.workspace-date{margin-left:auto;font-size:8px;font-weight:500;letter-spacing:.06em;color:#5f6c5d}.workspace-body{padding:25px}.workspace-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.mini-label{font-size:8px;letter-spacing:.12em;color:#5e6e5e}.workspace-title h2{font-size:29px;line-height:1.4;margin-top:4px}.sun{color:#967125;font-size:38px;font-weight:400}.workspace-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-block:20px 24px}.workspace-metrics>div{border:1px solid #dce5d6;background:#f3f6ef;border-radius:5px;padding:14px;display:grid;grid-template-columns:1fr auto;align-items:center}.workspace-metrics>div:last-child{background:#f8f4eb;border-color:#e8dfc9}.workspace-metrics span{font-size:11px;font-weight:500}.workspace-metrics strong{font-size:29px;font-family:var(--serif);font-weight:400;grid-column:2;grid-row:1/3}.workspace-metrics small{color:#64705e;font-size:9px}.workspace-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.workspace-section h3{font-size:13px}.workspace-section>span{font-size:9px;color:#63705e}.sample-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #eceee8;line-height:1.4}.sample-row strong{font-size:11px;font-weight:600}.sample-row small{display:block;font-size:9px;color:#65715f;margin-top:3px}.sample-tick,.sample-ring{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid #c0ceba;flex-shrink:0;font-size:11px}.sample-tick{background:var(--green);color:white;border-color:var(--green)}.sample-status{margin-left:auto;font-size:8px;white-space:nowrap;padding:3px 7px;border-radius:20px;background:#e8f1e5;color:#315a39}.sample-status.pending{background:#f1f1e9;color:#626557}.stock-note{display:flex;gap:10px;background:#f8f4e9;padding:12px;border-radius:5px;margin-top:19px;align-items:start;line-height:1.5}.stock-note>span{font-size:20px;color:#886722}.stock-note strong{font-size:10px;display:block;font-weight:600}.stock-note small{font-size:9px;display:block;color:#6c613f}.workspace-bottom{padding:13px 25px;display:flex;gap:13px;font-size:10px;color:#5c6b55;background:#f4f6f0}.workspace-bottom span{color:#829278}figcaption{font-size:10px;margin-top:19px;text-align:center;color:#5d6a5a;line-height:1.7}.audience{border-block:1px solid var(--line);padding:26px 0 32px}.audience p{font-size:12px;margin-bottom:16px}.audience ul{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:14px;font-weight:500}.section-heading{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:100px;margin-bottom:55px}.section-heading>p{max-width:380px;padding-bottom:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-bottom:27px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-num{font-family:var(--serif);font-size:22px;color:var(--green);display:block;margin-bottom:22px}.steps h3{margin-bottom:15px}.steps p{font-size:15px;line-height:1.8}.green-section{background:var(--forest);padding-block:90px;color:var(--paper)}.green-section .eyebrow{color:#c0d1b9}.green-section p{color:#d4dfd0}.green-section .button{margin-top:30px}.line-features{display:grid;gap:28px}.line-features article{border-bottom:1px solid #5e7761;padding-bottom:26px;display:flex;gap:22px}.line-features article:last-child{border-bottom:0;padding-bottom:0}.line-features article>span{color:#bfcca9;font-size:25px;line-height:1}.line-features h3{font-size:19px;margin-bottom:9px}.line-features p{font-size:14px}.status-section{display:grid;grid-template-columns:1fr 1fr;gap:90px}.page-hero{padding-block:77px 53px}.page-hero h1{font-size:clamp(48px,5vw,73px);margin-bottom:26px}.page-hero .lead{max-width:700px}.pill{display:inline-block;font-size:11px;font-weight:600;white-space:nowrap;background:#e4ecdd;color:var(--forest);border:1px solid #d0ddc7;border-radius:20px;padding:5px 11px}.notice{display:flex;gap:20px;align-items:center;background:#edf2e9;border:1px solid #d8e1d1;border-radius:6px;padding:22px 26px;font-size:14px}.notice p{color:#45573f}.feature-list{padding-block:35px}.feature-row{display:grid;grid-template-columns:.9fr 1fr;gap:100px;padding-block:58px;border-bottom:1px solid var(--line)}.feature-row:last-child{border-bottom:0}.feature-row h2{font-size:38px;margin-bottom:16px;max-width:390px}.feature-row>div>p{font-size:16px}.check-list{list-style:none;padding:0;margin:0;display:grid;gap:15px}.check-list li{display:flex;gap:12px;color:var(--muted);font-size:15px}.check{color:var(--green);flex-shrink:0;font-size:14px}.feature-row .feature-foot{margin-top:22px;border-left:2px solid #d2dec8;padding-left:14px;font-size:13px}.workflow-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:flow}.workflow-list li{border-top:2px solid #b4c5ab;padding-top:23px;counter-increment:flow}.workflow-list li::before{content:'0' counter(flow);display:block;color:var(--green);font-size:12px;letter-spacing:.13em;margin-bottom:20px}.workflow-list strong{display:block;font-size:17px;line-height:1.5;margin-bottom:10px}.workflow-list span{font-size:14px;color:var(--muted)}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 43px;background:#e9eedf;border:1px solid #d9e1cf;border-radius:7px;margin-bottom:90px}.cta-band h2{font-size:32px;margin-bottom:10px}.cta-band p{font-size:14px}.cta-band .button{flex-shrink:0}.about-story{display:grid;grid-template-columns:.9fr 1fr;gap:110px;align-items:center;padding-block:20px 50px}.about-story h2{font-size:36px;margin-bottom:24px}.about-story p{font-size:16px}.about-quote{padding:42px 45px 50px;background:#e5ebdc;border-radius:48% 48% 5px 5px;text-align:center}.about-quote>span{display:block;font-family:var(--serif);font-size:88px;color:var(--green);line-height:1;margin-top:15px}.about-quote p{font-family:var(--serif);font-size:43px;line-height:1.13;color:var(--forest);letter-spacing:-.04em}.about-quote small{font-size:11px;display:block;margin-top:28px;color:var(--muted)}.values{margin-bottom:0}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-top:33px}.plan{border:1px solid #d3ddcc;background:#fff;border-radius:7px;padding:26px 23px;display:flex;flex-direction:column;min-width:0}.plan.free-plan{background:#edf2e7;border-color:#a9bca0}.plan-status{font-size:9px;letter-spacing:.075em;font-weight:600;color:var(--green);margin-bottom:16px}.plan h2{font-family:var(--sans);font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.4}.price{margin-block:22px}.price strong{display:block;font-family:var(--serif);font-size:53px;font-weight:400;line-height:1.1;letter-spacing:-.04em;color:var(--ink)}.price span{font-size:11px;display:block;margin-top:7px}.plan .plan-description{font-size:13px;min-height:46px;margin-top:0}.plan ul{list-style:none;padding:20px 0 24px;display:grid;gap:13px;font-size:12px;line-height:1.6;border-top:1px solid var(--line);margin:20px 0 0;flex:1}.plan li{display:flex;gap:9px}.plan li strong{font-weight:600}.plan .button{font-size:12px;padding-inline:12px;gap:10px}.pricing-details{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.pricing-details article+article{margin-top:32px}.pricing-details h3{font-size:19px;margin-bottom:12px}.pricing-details article p{font-size:15px}.pricing-notice{background:#f4efdf;border-color:#e4dcc3}.pricing-notice .pill{background:#eae2c8;color:#5b4b24;border-color:#d8ccaa}.faq-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px;padding-block:10px 110px}.faq-layout aside .eyebrow{margin-bottom:17px}.faq-layout aside nav{display:grid;margin-bottom:25px}.faq-layout aside nav a{font-size:14px;padding:9px 0;min-height:44px}.faq-layout aside>p:not(.eyebrow){font-size:13px}.faq-layout details{border-top:1px solid var(--line);scroll-margin-top:30px}.faq-layout details:last-child{border-bottom:1px solid var(--line)}.faq-layout summary{list-style:none;cursor:pointer;font-size:18px;font-weight:500;line-height:1.5;padding:25px 0;display:flex;justify-content:space-between;align-items:start;gap:30px}.faq-layout summary::-webkit-details-marker{display:none}.faq-plus{color:var(--green);font-size:23px;font-weight:400;line-height:1;flex-shrink:0}.faq-layout details[open] .faq-plus{transform:rotate(45deg)}.faq-layout details p{padding:0 40px 28px 0;font-size:15px}.guide-panel{display:grid;grid-template-columns:.75fr 1fr;gap:100px;align-items:center;padding:45px 70px;background:#e9eedf;border-radius:8px}.book-art{max-width:270px;aspect-ratio:.72;background:var(--green);color:var(--paper);border-radius:2px 9px 9px 2px;border-left:12px solid #254b39;box-shadow:12px 14px 0 #bdc9ad;padding:25px;display:flex;flex-direction:column;transform:rotate(-5deg);font-family:var(--serif);margin:0 auto;width:100%}.book-art>span{font:600 18px var(--sans);letter-spacing:-.06em}.book-sprout{font-size:76px;line-height:1.1;flex:1;display:flex;align-items:center;color:#cedcb9}.book-art strong{font-size:33px;font-weight:400;line-height:1.1}.book-art small{font:8px var(--sans);letter-spacing:.16em;margin-top:20px;color:#d9e2cb}.guide-panel h2{font-size:44px;margin-block:20px}.guide-panel p{font-size:15px}.guide-panel .manual-status{background:#f7f8ef;border-left:3px solid #9caf8c;padding:14px 17px;margin-block:22px;font-size:14px}.guide-panel .fine{font-size:12px}.orientation{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.orientation h3{margin-bottom:15px}.orientation p{font-size:15px}.chapter-list{padding:0 0 0 25px;margin:0;list-style:decimal-leading-zero}.chapter-list li{border-bottom:1px solid #c9d6c1;padding:15px 0 15px 12px;font-size:15px}.chapter-list li::marker{color:var(--green);font-family:var(--serif);font-size:19px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start;padding-block:5px 100px}.contact-info h2{font-size:39px;margin-bottom:24px}.contact-info>p{font-size:15px}.contact-email{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:17px;font-weight:600;margin-top:15px;min-height:44px;line-height:1.5}.contact-note{display:flex;gap:12px;border-block:1px solid var(--line);padding-block:23px;margin-block:25px}.contact-note>.status-dot{margin-top:9px}.contact-note h3{font-size:16px;margin-bottom:7px}.contact-note p{font-size:13px}.contact-info .text-link{font-size:13px;margin-top:5px}.contact-info .contact-privacy{font-size:12px;margin-top:27px}.inquiry-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px}.inquiry-panel h2{font-size:32px;margin-bottom:18px}.inquiry-panel>p{font-size:13px}.inquiry-panel form{margin-top:27px}.inquiry-panel label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.inquiry-panel label span{font-size:11px;font-weight:400}.inquiry-panel input,.inquiry-panel select,.inquiry-panel textarea{width:100%;color:var(--ink);background:var(--paper);border:1px solid #9eac98;border-radius:4px;padding:11px 12px;min-height:46px;font-size:14px;margin-bottom:20px}.inquiry-panel textarea{resize:vertical;line-height:1.6;display:block}.inquiry-panel textarea::placeholder{color:#64715f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-panel form>.fine{margin-top:-9px;font-size:11px}.inquiry-panel form>.button{margin-top:20px}.draft-status:not(:empty){padding-block:20px;font-size:14px;color:var(--forest);font-weight:500}.inquiry-panel #draft-text{background:#f1f5ed;font-size:12px}.inquiry-panel #draft-result .inline-actions{gap:10px;margin-top:0}.inquiry-panel #draft-result .button{font-size:12px;padding:11px 14px}.inquiry-panel #draft-result .fine{margin-top:16px;font-size:12px}.footer{background:#f0f2ea;border-top:1px solid var(--line);padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:70px;padding-bottom:45px}.footer .brand{font-size:26px}.footer .brand img{width:34px;height:34px}.footer-grid>div>p{font-size:13px;margin-top:20px;max-width:260px}.footer-grid>div>.fine{font-size:12px;margin-top:8px}.footer-label{font-size:12px;font-weight:600;color:var(--ink);margin-bottom:12px}.footer nav>a{display:block;font-size:13px;padding-block:8px;min-height:38px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}
}
@layer responsive {
  @media(min-width:1700px){.hero{padding-block:100px}}
  @media(max-width:1100px){.container{width:calc(100% - 64px)}.site-nav{gap:17px}.site-nav>a{font-size:13px}.hero{gap:35px}.hero h1{font-size:61px}.hero-copy .lead{font-size:17px}.workspace-body{padding:20px}.workspace-date{font-size:7px}.hero-actions .button{font-size:12px;padding-inline:15px}.split,.section-heading,.status-section,.feature-row,.about-story,.pricing-details,.guide-panel{gap:60px}.plan{padding:24px 17px}.plan .button{font-size:11px;padding-inline:8px}.plans{gap:12px}.contact-layout{gap:50px}.inquiry-panel{padding:28px}.faq-layout{gap:50px;grid-template-columns:220px minmax(0,1fr)}}
  @media(max-width:900px){.header-inner{min-height:86px;gap:20px}.site-nav{gap:13px}.site-nav>a{font-size:12px}.brand{font-size:24px}.brand img{width:34px;height:34px}.site-nav>a.nav-app{padding-inline:11px}.hero{padding-block:62px;gap:28px}.hero h1{font-size:52px}.hero-copy .lead{font-size:16px}.hero-actions{gap:8px}.workspace-figure{padding-left:0}.workspace-top{padding:15px}.workspace-date{display:none}.workspace-body{padding:18px}.workspace-title h2{font-size:25px}.mini-label{font-size:6px}.sun{font-size:31px}.workspace-metrics>div{padding:10px}.workspace-metrics span{font-size:10px}.workspace-metrics strong{font-size:24px}.workspace-metrics small{font-size:8px}.sample-row{gap:7px}.sample-row strong{font-size:10px}.sample-status{font-size:7px;padding-inline:5px}.workspace-figure::before{inset:0 -10px 30px}.section{padding-block:78px}.section-heading,.split,.status-section,.feature-row,.about-story,.pricing-details{gap:45px}.steps{gap:30px}.steps h3{font-size:19px}.steps p{font-size:14px}.green-section{padding-block:70px}.section-heading{margin-bottom:40px}.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.plan{padding:27px}.plan .button{font-size:13px}.plan .plan-description{min-height:0}.plan ul{font-size:14px}.plan-status{font-size:10px}.page-hero{padding-top:60px}.feature-row h2{font-size:34px}.guide-panel{padding:40px;gap:50px}.guide-panel h2{font-size:37px}.contact-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.contact-info h2{font-size:34px}.contact-email{font-size:14px}.form-grid{grid-template-columns:1fr;gap:0}.inquiry-panel{padding:24px}.inquiry-panel h2{font-size:29px}.workflow-list{grid-template-columns:1fr 1fr;gap:35px}.about-quote{padding:30px}.about-quote p{font-size:36px}.footer-grid{gap:35px}.footer-bottom{font-size:9px}.cta-band{padding:30px}.cta-band h2{font-size:29px}.cta-band .button{font-size:12px}.faq-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}}
  @media(max-width:700px){.container{width:calc(100% - 40px)}.announcement{font-size:10px;gap:7px;flex-wrap:wrap;padding:8px 16px}.announcement a{margin-left:5px}.announcement>.status-dot{width:5px;height:5px}.header-inner{flex-wrap:wrap;min-height:78px;gap:0;justify-content:space-between;padding-block:18px}.brand{font-size:26px}.site-nav{width:100%;flex-wrap:wrap;gap:3px 22px;margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.site-nav>a{font-size:14px;min-height:44px}.site-nav>a.nav-app{margin-left:0;font-size:13px}.menu-toggle:not([hidden]){display:inline-flex}.js-nav .site-nav:not(.is-open){display:none}.js-nav .site-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:3px 20px}.js-nav .site-nav>a.nav-app{justify-content:center}.hero{grid-template-columns:1fr;gap:45px;padding-block:48px 38px}.hero h1{font-size:clamp(44px,9vw,64px);line-height:1.08}.hero-copy .lead{font-size:17px;max-width:540px}.eyebrow{font-size:10px;margin-bottom:20px}.hero-actions{gap:12px;margin-top:25px}.hero-actions .button{font-size:13px;padding-inline:18px}.hero-actions .text-link{font-size:13px}.access-note{font-size:12px}.workspace-figure{width:min(100%,480px);margin-inline:auto;padding:8px 7px 0}.workspace-figure::before{inset:0 -1px 27px}.workspace-body{padding:23px}.workspace-top{padding:17px 20px}.workspace-date{display:block;font-size:7px}.mini-label{font-size:7px}.workspace-title h2{font-size:29px}.workspace-metrics span{font-size:12px}.workspace-metrics small{font-size:10px}.workspace-metrics strong{font-size:28px}.workspace-metrics>div{padding:13px}.sample-row strong{font-size:12px}.sample-row small{font-size:10px}.sample-status{font-size:8px}.sample-row{gap:10px}.stock-note strong{font-size:11px}.stock-note small{font-size:10px}figcaption{font-size:10px;margin-top:18px}.audience{padding-block:25px}.audience ul{justify-content:flex-start;column-gap:27px;row-gap:12px;font-size:13px}.audience li{flex:1 1 42%}.section{padding-block:62px}.section-heading,.split,.status-section,.about-story,.pricing-details,.contact-layout{grid-template-columns:1fr;gap:32px}.section-heading{margin-bottom:35px}.section-heading>p{max-width:none}.section-heading h2,h2{font-size:40px}.steps,.orientation{grid-template-columns:1fr;gap:30px}.steps{margin-bottom:20px}.steps article{padding-top:20px}.step-num{font-size:20px;margin-bottom:14px}.steps h3{font-size:21px}.steps p{font-size:16px}.green-section{padding-block:58px}.green-section .split{gap:40px}.line-features h3{font-size:19px}.line-features p{font-size:15px}.status-section{gap:30px}.inline-actions{gap:15px;margin-top:24px}.page-hero{padding-block:47px 35px}.page-hero h1{font-size:clamp(42px,9vw,58px)}.page-hero .lead{font-size:17px}.notice{display:block;padding:20px}.notice .pill{margin-bottom:12px}.notice p{font-size:14px}.feature-list{padding-block:15px}.feature-row{grid-template-columns:1fr;gap:23px;padding-block:38px}.feature-row h2{font-size:34px;max-width:100%;margin-bottom:12px}.check-list li{font-size:15px}.workflow-list{gap:27px}.workflow-list strong{font-size:16px}.workflow-list span{font-size:14px}.cta-band{flex-direction:column;align-items:start;gap:22px;padding:28px;margin-bottom:55px}.cta-band h2{font-size:30px}.cta-band .button{font-size:14px}.about-story{padding-block:10px 20px;gap:40px}.about-quote{max-width:390px;width:100%;margin-inline:auto;padding:30px 25px 35px}.about-quote p{font-size:40px}.about-story h2{font-size:34px}.plans{padding-top:25px;gap:15px}.plan{padding:23px 20px}.plan h2{font-size:23px}.plan-status{font-size:8px}.price strong{font-size:45px}.plan ul{font-size:12px}.plan .button{font-size:11px}.pricing-details{gap:33px}.faq-layout{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.faq-layout aside nav{display:flex;flex-wrap:wrap;gap:0 22px;margin-bottom:12px}.faq-layout aside>p:not(.eyebrow),.faq-layout aside>.text-link{display:none}.faq-layout summary{font-size:17px;padding-block:22px;gap:18px}.faq-layout details p{padding-right:0}.guide-panel{grid-template-columns:1fr;gap:40px;padding:35px 27px}.book-art{max-width:210px}.book-art strong{font-size:29px}.guide-panel h2{font-size:37px}.orientation{gap:35px}.chapter-list{padding-left:25px}.contact-layout{padding-bottom:65px;gap:35px}.contact-info h2{font-size:35px}.contact-email{font-size:19px}.contact-info .contact-privacy{max-width:450px}.contact-note{max-width:450px}.inquiry-panel{padding:25px}.form-grid{grid-template-columns:1fr 1fr;gap:15px}.inquiry-panel .inline-actions{align-items:stretch;flex-direction:column}.footer{padding-top:40px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px;padding-bottom:30px}.footer-grid>div{grid-column:1/-1}.footer-grid>div>p{max-width:none;margin-top:15px}.footer-bottom{flex-direction:column;gap:7px;font-size:10px}.footer nav>a{font-size:12px;min-height:44px}.footer-label{font-size:12px;margin-bottom:8px}}
  @media(max-width:420px){.container{width:calc(100% - 32px)}.announcement{font-size:9px;gap:6px;padding-inline:10px}.announcement a{margin-left:0}.hero h1{font-size:46px}.hero-actions{display:grid;justify-items:start;gap:7px}.hero-actions .button{font-size:12px;gap:14px;padding-inline:15px}.hero-copy .lead{font-size:16px}.workspace-body{padding:16px}.workspace-top{padding:14px}.workspace-title h2{font-size:25px}.mini-label{font-size:6px}.workspace-date{display:none}.workspace-metrics>div{padding:10px}.workspace-metrics span{font-size:10px}.workspace-metrics small{font-size:8px}.workspace-metrics strong{font-size:25px}.sample-row strong{font-size:10px}.sample-row small{font-size:8px}.sample-status{font-size:7px}.sample-row{gap:7px}.stock-note small{font-size:9px}.stock-note strong{font-size:10px}.plans{grid-template-columns:1fr;gap:18px}.plan{padding:27px}.plan-status{font-size:10px}.plan h2{font-size:26px}.price strong{font-size:52px}.plan ul{font-size:14px}.plan .button{font-size:14px}.price span{font-size:12px}.plan .plan-description{font-size:14px}.workflow-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.inquiry-panel{padding:22px 18px}.contact-email{font-size:17px}.section-heading h2,h2{font-size:36px}.guide-panel{padding:30px 22px}.guide-panel h2{font-size:34px}.footer-grid{gap:18px}.footer nav>a{font-size:11px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
  @media(forced-colors:active){.button{border:1px solid ButtonText}.status-dot{background:CanvasText}.sample-status,.pill{border:1px solid CanvasText}}
  @media print{.announcement,.header,.footer,.menu-toggle,.hero-actions,.inquiry-panel form,.cta-band{display:none!important}.container{width:100%}.section,.page-hero{padding-block:20px}body{background:white;color:black}.green-section{background:white;color:black;padding:20px 0}.green-section p{color:black}details{break-inside:avoid}details:not([open])>p{display:block}.plan{break-inside:avoid}.plans{grid-template-columns:repeat(2,1fr)}}
}

/* Premium Hospitality — presentation only. Content and controls are unchanged.
   The botanical artwork is original and served locally under the existing CSP. */
@layer base {
  :root {
    --paper: #fcf8ef;
    --ink: #173b32;
    --green: #1b5847;
    --forest: #123e33;
    --sage: #f0f1e5;
    --line: #ddd6c6;
    --muted: #566058;
    --warm: #eadcc2;
    --gold: #a77a3d;
    --surface: #fffdf8;
    --shadow: 0 16px 48px #45371d0a, 0 2px 5px #45371d06;
  }
  body {
    background: radial-gradient(ellipse at 90% 4%, #efe3c754, transparent 42%), var(--paper);
    line-height: 1.7;
  }
  h1, h2 { letter-spacing: -.045em; }
  h1 { line-height: 1.06; }
  h2 { line-height: 1.12; }
  em { color: #216450; }
  .container { width: min(1240px, calc(100% - 112px)); }
  .section { padding-block: 104px; }
  .eyebrow { color: #7b582c; font-size: 10px; letter-spacing: .2em; }
  .lead { line-height: 1.75; }
  ::selection { background: #dce5cf; color: var(--forest); }
  :is(button, a, summary, input, select, textarea):focus-visible {
    outline: 3px solid #99651e;
    outline-offset: 5px;
  }
}
@layer components {
  .header { background: #fcf8eff2; border-bottom-color: #d8ccaf; }
  .announcement { background: var(--forest); color: #f6eddd; padding-block: 9px; letter-spacing: .02em; }
  .announcement a, .announcement a:hover { color: #fff9eb; }
  .announcement .status-dot { background: #c3cfaa; box-shadow: 0 0 0 4px #e5ebcb12; }
  .header-inner { min-height: 102px; }
  .brand { font-family: var(--serif); font-size: 31px; font-weight: 600; letter-spacing: -1.25px; }
  .brand img { border-radius: 11px; }
  .site-nav { gap: 28px; }
  .site-nav > a { font-size: 13px; color: var(--ink); }
  .site-nav > a[aria-current=page] { border-color: #a77a3d; }
  .site-nav > a.nav-app {
    background: linear-gradient(135deg, #25634e, #134535);
    border-color: #1c5240;
    border-radius: 9px;
    color: #fffdf7;
    padding: 10px 21px;
    box-shadow: inset 0 1px #ffffff24, 0 3px 7px #153d3010;
  }
  .site-nav > a.nav-app:hover { background: #123e33; color: white; border-color: #123e33; }
  .button {
    border-radius: 9px;
    min-height: 51px;
    padding: 13px 23px;
    gap: 23px;
    transition: background .16s, color .16s, box-shadow .16s;
  }
  .button.primary {
    background: #1b5847 linear-gradient(135deg, #25634e, #134535);
    border-color: #1c5240;
    box-shadow: inset 0 1px #ffffff24, 0 4px 10px #153d3012;
  }
  .button.primary:hover { background: #123e33; box-shadow: 0 5px 14px #153d3024; }
  .button.secondary { border-color: #bbbba7; background: #fffdf86b; }
  .button.secondary:hover { background: #e9edde; }
  .button.light { border-color: #f4e9d4; background: #fff9eb; }
  .text-link { text-decoration-color: #a49163; }
  .hero { gap: 70px; padding-block: 78px 80px; min-height: 670px; }
  .hero-copy { position: relative; z-index: 1; }
  .hero-copy h1 { font-size: clamp(58px, 5.1vw, 76px); margin-bottom: 27px; }
  .hero-copy .eyebrow { display: flex; align-items: center; gap: 13px; }
  .hero-copy .eyebrow::before { content: ''; width: 29px; height: 1px; background: #b18950; }
  .hero-copy .lead { font-size: 17px; max-width: 460px; }
  .hero-actions { margin-top: 30px; gap: 15px; }
  .hero-actions .text-link { font-size: 12px; gap: 7px; }
  .access-note { line-height: 1.85; margin-top: 20px; }
  .workspace-figure { padding: 32px 11px 2px 8px; isolation: isolate; }
  .workspace-figure::before {
    inset: -6px -17px 25px -25px;
    background: url('./botanical.png') right top / auto 100% no-repeat, linear-gradient(150deg, #1e5b48, #0c372e);
    border-radius: 46% 46% 20px 20px;
    transform: rotate(3deg);
    box-shadow: 0 0 0 12px #eee4cf75;
  }
  .workspace { border-color: #d9d4c4; border-radius: 13px; box-shadow: 0 22px 48px #112e2829; transform: rotate(-1.5deg); }
  .workspace-top { background: #faf7ed; border-bottom-color: #e4dfd0; padding: 18px 21px; }
  .workspace-mark { background: #e5ead9; color: var(--forest); }
  .workspace-body { background: #fffdf8; padding: 26px; }
  .workspace-title h2 { color: var(--forest); font-size: 31px; }
  .workspace-metrics > div { background: #edf1e5; border-color: #d9e1cb; border-radius: 7px; }
  .workspace-metrics > div:last-child { background: #f6edda; border-color: #e6d8bc; }
  .workspace-metrics strong { color: var(--forest); }
  .sample-row { border-bottom-color: #e6e3d8; }
  .sample-status { background: #e5eddb; color: #2a5738; }
  .stock-note { background: #f6edda; border: 1px solid #ecdfc5; border-radius: 7px; }
  .workspace-bottom { background: #edf0e4; border-top: 1px solid #e1e6d8; }
  figcaption { margin-top: 27px; font-size: 10px; }
  .audience { background: #f7f3e9; border-color: #e2d9c7; padding-block: 27px 30px; }
  .audience p { color: #67715e; font-size: 12px; }
  .audience ul { color: #284737; font-size: 14px; }
  .section-heading { margin-bottom: 44px; gap: 90px; }
  .section-heading h2 { font-size: clamp(38px, 3.7vw, 53px); }
  .steps { gap: 24px; }
  .steps article {
    background: #fffdf9;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 30px;
    box-shadow: 0 3px 5px #45371d04;
    position: relative;
  }
  .step-num { font-size: 24px; color: #816338; margin-bottom: 25px; }
  .steps h3 { font-size: 20px; margin-bottom: 13px; }
  .steps p { font-size: 14px; }
  .green-section {
    position: relative;
    isolation: isolate;
    background: linear-gradient(125deg, #174d3f, #10372e);
    border-block: 1px solid #234d3f;
    padding-block: 91px;
  }
  .green-section::before, .footer::before, .about-quote::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    border-radius: inherit;
    background: url('./botanical.png') left -100px center / auto 110% no-repeat;
    opacity: .12;
  }
  .green-section .eyebrow { color: #ddc99a; }
  .green-section h2 { color: #fff9eb; }
  .green-section p { color: #e0e8d7; }
  .line-features article { border-bottom-color: #66816d; gap: 23px; }
  .line-features article > span { color: #d2bd83; }
  .line-features h3 { color: #fff9eb; font-size: 19px; }
  .status-section { gap: 100px; }
  .pale-section { background: #f0f0e2; border-block: 1px solid #e0ddcc; }
  .page-hero { position: relative; isolation: isolate; padding-block: 78px 50px; }
  .page-hero::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    width: 250px;
    height: 100%;
    background: url('./botanical.png') center / contain no-repeat;
    opacity: .2;
    pointer-events: none;
    z-index: -1;
  }
  .page-hero h1 { font-size: clamp(52px, 5vw, 72px); margin-bottom: 25px; }
  .page-hero .lead { font-size: 18px; }
  .notice { background: #f1f1e4; border-color: #d9dec9; border-radius: 11px; padding: 22px 27px; }
  .pill { background: #e5ecd9; border-color: #d1ddbf; color: #294b32; }
  .feature-list { padding-top: 35px; }
  .feature-row { gap: 100px; padding-block: 53px; border-color: #dcd5c4; }
  .feature-row h2 { font-size: 39px; }
  .feature-row .step-num { margin-bottom: 17px; }
  .feature-foot { border-color: #c5ad7b; }
  .check-list { gap: 18px; }
  .check { color: #246344; }
  .workflow-list { gap: 27px; }
  .workflow-list li { border-color: #b8bc9b; }
  .cta-band {
    background: #eeeedd;
    border-color: #d5d7bd;
    border-radius: 14px;
    padding: 39px 43px;
    box-shadow: inset 0 1px #fff9;
  }
  .cta-band h2 { font-size: 33px; }
  .about-story { gap: 94px; padding-block: 17px 45px; }
  .about-quote {
    position: relative;
    isolation: isolate;
    background: linear-gradient(130deg, #1c5442, #133c32);
    border: 1px solid #2c5b45;
    border-radius: 42% 42% 16px 16px;
    padding: 50px 42px;
    box-shadow: var(--shadow);
  }
  .about-quote::before { background-position: right -85px center; opacity: .17; }
  .about-quote > span { color: #d6bc82; }
  .about-quote p { color: #fff7e6; font-size: 46px; }
  .about-quote small { color: #d4dfcb; }
  .plans { gap: 17px; padding-top: 32px; }
  .plan { background: #fffdf9; border-color: #ddd4c1; border-radius: 12px; padding: 28px 24px; box-shadow: var(--shadow); }
  .plan.free-plan { background: linear-gradient(145deg, #eff3e5, #e5edda); border: 1px solid #6f8b5d; }
  .plan h2 { font-family: var(--serif); font-size: 30px; font-weight: 400; }
  .plan-status { font-size: 8px; letter-spacing: .1em; color: #476146; }
  .price { margin-block: 24px; }
  .price strong { font-size: 57px; color: var(--forest); }
  .price span { font-size: 11px; }
  .plan ul { border-color: #dfddcd; padding-top: 21px; gap: 15px; }
  .plan .button { border-radius: 8px; font-size: 12px; gap: 8px; }
  .pricing-notice { background: #f4eddd; border-color: #e2d4b8; }
  .pricing-notice .pill { background: #eee1c5; border-color: #d9c296; color: #675023; }
  .pricing-details article + article { margin-top: 34px; padding-top: 28px; border-top: 1px solid var(--line); }
  .faq-layout { grid-template-columns: 250px minmax(0, 1fr); gap: 82px; padding-block: 12px 100px; }
  .faq-layout aside { border-left: 2px solid #c5a268; padding-left: 25px; align-self: start; }
  .faq-items { background: #fffdf8; border: 1px solid var(--line); border-radius: 14px; padding-inline: 29px; box-shadow: var(--shadow); }
  .faq-layout details { border-color: #e2dbcb; }
  .faq-layout details:first-child { border-top: 0; }
  .faq-layout details:last-child { border-bottom: 0; }
  .faq-layout summary { font-family: var(--serif); font-size: 23px; font-weight: 400; padding-block: 25px; }
  .faq-plus { background: #edf0e1; border: 1px solid #d9dfcb; border-radius: 50%; width: 28px; height: 28px; display: grid; place-items: center; font-size: 19px; }
  .faq-layout details p { line-height: 1.85; padding-bottom: 28px; }
  .guide-panel { background: #eef0df; border: 1px solid #d7dbc4; border-radius: 17px; padding: 53px 70px; }
  .book-art { background: linear-gradient(140deg, #31634b, #164432); border-left-color: #0e3025; box-shadow: 9px 13px 0 #c3c8ac, 0 15px 22px #163d2721; }
  .guide-panel .manual-status { border-color: #8b9d74; background: #fffdf6; }
  .orientation { gap: 45px; }
  .orientation article { border-top: 1px solid #c8ba99; padding-top: 25px; }
  .chapter-list li { border-color: #d1d3bc; }
  .contact-info h2 { font-size: 39px; }
  .contact-note { border-color: #ded3ba; }
  .contact-note .status-dot { box-shadow: 0 0 0 5px #e4ead5; }
  .contact-email { text-decoration-color: #8eaa94; }
  .inquiry-panel { background: #fffdf9; border-color: #e4dbc9; border-radius: 18px; padding: 34px; box-shadow: 0 18px 60px #624d2e14, 0 3px 9px #624d2e08; }
  .inquiry-panel h2 { font-size: 34px; }
  .inquiry-panel input, .inquiry-panel select, .inquiry-panel textarea { background: #faf7ef; border-color: #bcb9a9; border-radius: 7px; }
  .inquiry-panel input:hover, .inquiry-panel select:hover, .inquiry-panel textarea:hover { border-color: #8b9d84; }
  .inquiry-panel #draft-text { background: #f0f3e7; }
  .legal-layout { gap: 75px; padding-top: 20px; }
  .legal-layout aside { border-left: 2px solid #b89b64; padding-left: 22px; align-self: start; }
  .legal-copy { background: #fffdf9; border: 1px solid #e5ddcb; border-radius: 15px; padding: 38px 42px; box-shadow: var(--shadow); }
  .legal-copy h2 { font-size: 30px; }
  .legal-copy p { line-height: 1.85; }
  .legal-review { background: #f1f1e4; border-color: #d9dcc7; border-radius: 10px; }
  .footer {
    position: relative;
    isolation: isolate;
    color: #fff9eb;
    background: linear-gradient(110deg, #1b4d3e, #10372e);
    border-top: 1px solid #3b5d45;
    padding-top: 57px;
  }
  .footer::before { background-position: right -40px center; background-size: auto 140%; opacity: .22; }
  .footer .brand, .footer .brand-dot { color: #fff7e7; }
  .footer .brand { font-size: 31px; }
  .footer .brand img { background: #fff9ef; border-radius: 10px; }
  .footer-grid { gap: 90px; padding-bottom: 42px; }
  .footer-grid > div > p, .footer-grid > div > .fine { color: #d6dfcd; }
  .footer-label { color: #e6d2a4; letter-spacing: .12em; font-size: 10px; }
  .footer nav > a { color: #f3f0e3; text-decoration-color: #899b75; }
  .footer nav > a:hover { color: #fffdf2; }
  .footer-bottom { color: #d7dfcd; border-color: #668069; font-size: 10px; }
  .footer-bottom a { color: #f7f1e3; }
}
@layer responsive {
  @media (min-width: 1001px) {
    main:has(.contact-layout) { display: grid; grid-template-columns: .9fr 1.1fr; column-gap: 85px; width: min(1240px, calc(100% - 112px)); margin-inline: auto; padding-block: 64px 90px; align-items: start; }
    main:has(.contact-layout) > .page-hero { grid-column: 1; grid-row: 1; width: 100%; padding: 0 0 29px; }
    main:has(.contact-layout) > .page-hero::after { right: -10px; opacity: .09; }
    main:has(.contact-layout) .page-hero h1 { font-size: clamp(53px, 4.8vw, 67px); }
    main:has(.contact-layout) .page-hero .lead { font-size: 16px; max-width: 450px; }
    main:has(.contact-layout) > .contact-layout { display: contents; }
    main:has(.contact-layout) .contact-info { grid-column: 1; grid-row: 2; padding-left: 25px; border-left: 1px solid #b68b50; }
    main:has(.contact-layout) .contact-info h2 { font-size: 33px; margin-bottom: 17px; }
    main:has(.contact-layout) .contact-info > p { font-size: 13px; }
    main:has(.contact-layout) .contact-info .contact-privacy { font-size: 11px; max-width: 380px; }
    main:has(.contact-layout) .contact-note { margin-block: 17px; padding-block: 17px; }
    main:has(.contact-layout) .contact-note p { font-size: 12px; }
    main:has(.contact-layout) .inquiry-panel { grid-column: 2; grid-row: 1 / 3; margin-top: 0; }
  }
  @media (max-width: 1200px) and (min-width: 701px) {
    .container { width: calc(100% - 72px); }
    .site-nav { gap: 17px; }
    .site-nav > a { font-size: 12px; }
    .brand { font-size: 28px; }
    .hero { gap: 44px; min-height: 620px; }
    .hero-copy h1 { font-size: 60px; }
    .hero-actions { gap: 10px; }
    .hero-actions .button { font-size: 12px; gap: 10px; padding-inline: 15px; }
    .workspace-figure::before { inset-inline: -13px; }
    .plan { padding: 25px 19px; }
    .plan h2 { font-size: 28px; }
    .plan .button { font-size: 11px; padding-inline: 8px; }
    .steps article { padding: 25px; }
    main:has(.contact-layout) { column-gap: 45px; }
  }
  @media (max-width: 1000px) and (min-width: 701px) {
    .hero { gap: 33px; padding-block: 58px; min-height: 560px; }
    .hero-copy h1 { font-size: 52px; }
    .hero-copy .lead { font-size: 16px; }
    .brand { font-size: 25px; }
    .site-nav { gap: 12px; }
    .site-nav > a.nav-app { padding-inline: 12px; }
    .workspace-body { padding: 18px; }
    .workspace-title h2 { font-size: 25px; }
    .workspace-figure::before { box-shadow: 0 0 0 7px #eee4cf75; }
    .steps { gap: 17px; }
    .steps article { padding: 22px; }
    .section-heading, .split, .status-section, .feature-row, .about-story, .pricing-details { gap: 45px; }
    .section { padding-block: 76px; }
    .plans { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .plan { padding: 30px; }
    .plan .button { font-size: 13px; }
    .faq-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 30px; }
    .faq-items { padding-inline: 23px; }
    .faq-layout summary { font-size: 21px; }
    .legal-layout { grid-template-columns: 180px minmax(0, 1fr); gap: 30px; }
    .legal-copy { padding: 28px; }
    .contact-layout { grid-template-columns: .85fr 1.15fr; gap: 30px; }
    .inquiry-panel { padding: 27px; }
    .contact-info h2 { font-size: 33px; }
    .footer-grid { gap: 40px; }
  }
  @media (max-width: 700px) {
    .container { width: calc(100% - 40px); }
    .header-inner { min-height: 85px; padding-block: 20px; }
    .brand { font-size: 29px; }
    .announcement { font-size: 10px; padding-block: 9px; }
    .site-nav { padding-top: 16px; margin-top: 18px; border-color: #d9cfb9; }
    .site-nav > a { font-size: 14px; }
    .site-nav > a.nav-app { padding-inline: 12px; }
    .menu-toggle { background: #fffdf7; border-radius: 8px; border-color: #cac8b4; }
    .hero { gap: 45px; padding-block: 45px 35px; min-height: 0; }
    .hero-copy h1 { font-size: clamp(43px, 10.5vw, 66px); }
    .hero-copy .lead { font-size: 16px; }
    .hero-copy .eyebrow { font-size: 9px; gap: 9px; }
    .hero-copy .eyebrow::before { width: 21px; }
    .hero-actions { gap: 12px; }
    .hero-actions .button { font-size: 12px; padding-inline: 17px; gap: 16px; }
    .workspace-figure { padding: 27px 9px 0; width: min(100%, 460px); }
    .workspace-figure::before { inset: 0 0 25px; border-radius: 43% 43% 17px 17px; transform: none; box-shadow: none; }
    .workspace { transform: none; }
    .workspace-body { padding: 23px; }
    .workspace-title h2 { font-size: 28px; }
    figcaption { margin-top: 21px; }
    .audience ul { font-size: 13px; row-gap: 12px; }
    .section { padding-block: 59px; }
    .section-heading { margin-bottom: 29px; gap: 25px; }
    .section-heading h2 { font-size: 39px; }
    .steps { gap: 17px; }
    .steps article { padding: 27px; border-radius: 12px; }
    .step-num { font-size: 23px; margin-bottom: 19px; }
    .steps h3 { font-size: 20px; }
    .steps p { font-size: 15px; }
    .green-section { padding-block: 58px; }
    .green-section::before { background-position: left -180px center; }
    .green-section .split { gap: 35px; }
    .status-section { gap: 25px; }
    .page-hero { padding-block: 45px 34px; }
    .page-hero h1 { font-size: clamp(42px, 10vw, 60px); margin-bottom: 23px; }
    .page-hero .lead { font-size: 17px; }
    .page-hero::after { width: 145px; right: 0; opacity: .1; }
    .feature-row { gap: 22px; padding-block: 37px; }
    .feature-row h2 { font-size: 35px; }
    .feature-row .step-num { margin-bottom: 13px; }
    .check-list { gap: 16px; }
    .cta-band { padding: 28px; gap: 23px; border-radius: 12px; }
    .cta-band h2 { font-size: 31px; }
    .about-story { gap: 35px; }
    .about-quote { padding: 36px; }
    .about-quote p { font-size: 42px; }
    .plans { gap: 15px; }
    .plan { padding: 26px 23px; }
    .plan h2 { font-size: 27px; }
    .plan-status { font-size: 8px; }
    .plan .button { font-size: 11px; gap: 7px; padding-inline: 10px; }
    .price strong { font-size: 50px; }
    .pricing-details article + article { margin-top: 27px; padding-top: 24px; }
    .faq-layout { grid-template-columns: 1fr; gap: 30px; padding-bottom: 55px; }
    .faq-layout aside { padding-left: 18px; }
    .faq-layout aside nav { gap: 4px 21px; }
    .faq-items { padding-inline: 21px; border-radius: 12px; }
    .faq-layout summary { font-size: 21px; gap: 16px; padding-block: 23px; }
    .faq-layout details p { font-size: 14px; padding-bottom: 23px; }
    .guide-panel { padding: 37px 28px; border-radius: 14px; }
    .orientation article { padding-top: 22px; }
    .contact-layout { padding-bottom: 58px; gap: 33px; }
    .contact-info h2 { font-size: 35px; }
    .inquiry-panel { padding: 28px; border-radius: 13px; }
    .inquiry-panel h2 { font-size: 32px; }
    .legal-layout { gap: 27px; }
    .legal-layout aside { padding-left: 18px; }
    .legal-copy { padding: 27px 25px; border-radius: 12px; }
    .legal-copy h2 { font-size: 28px; }
    .legal-review { padding: 22px; }
    .footer { padding-top: 42px; }
    .footer::before { background-size: auto 100%; background-position: right -165px center; opacity: .16; }
    .footer-grid { gap: 30px; }
    .footer .brand { font-size: 29px; }
    .footer-bottom { gap: 10px; }
  }
  @media (max-width: 420px) {
    .container { width: calc(100% - 36px); }
    .announcement { font-size: 9px; }
    .hero-copy h1 { font-size: clamp(40px, 11vw, 46px); }
    .hero-actions { display: flex; align-items: flex-start; flex-direction: column; gap: 8px; }
    .hero-actions .button { font-size: 12px; padding-inline: 15px; gap: 13px; }
    .workspace-figure { padding-inline: 5px; }
    .workspace-top { padding: 15px; }
    .workspace-body { padding: 16px; }
    .workspace-title h2 { font-size: 25px; }
    .sample-status { font-size: 7px; padding-inline: 5px; }
    .plans { grid-template-columns: 1fr; gap: 18px; }
    .plan { padding: 30px; }
    .plan-status { font-size: 9px; }
    .plan h2 { font-size: 31px; }
    .plan .button { font-size: 13px; }
    .price strong { font-size: 55px; }
    .steps article { padding: 25px; }
    .section-heading h2 { font-size: 36px; }
    .inquiry-panel { padding: 26px 20px; }
    .inquiry-panel h2 { font-size: 31px; }
    .legal-copy { padding: 25px 20px; }
    .legal-review { padding: 20px 18px; }
    .footer-grid { gap: 20px; }
  }
  @media print {
    body, .footer, .green-section, .about-quote, .plan, .notice, .inquiry-panel { background: white; color: black; box-shadow: none; }
    .green-section h2, .green-section h3, .green-section .eyebrow { color: black; }
    .about-quote p, .about-quote small { color: black; }
    .page-hero::after, .workspace-figure::before { display: none; }
    .green-section::before, .footer::before, .about-quote::before { display: none; }
    .container { width: 100%; }
    main:has(.contact-layout) { display: block; width: 100%; padding: 0; }
    .legal-copy { padding: 0; border: 0; box-shadow: none; }
  }
}

/* Reference refinement: original kitchen photography and organic visual layers.
   All text, HTML, controls, destinations and browser behavior remain unchanged. */
@layer base {
  :root { --paper: #fcf6eb; --surface: #fffcf6; --shadow: 0 15px 38px #5c422014, 0 2px 4px #5c42200a; }
  body { background: radial-gradient(ellipse at 55% 8%, #ead7b638, transparent 55%), var(--paper); }
}
@layer components {
  .header { background: #fcf6eb; border-bottom-color: #e4d8c4; }
  .announcement { padding-block: 6px; font-size: 10px; }
  .header-inner { min-height: 83px; }
  .brand { font-size: 32px; }
  .site-nav > a.nav-app { border-radius: 10px; padding-block: 9px; }
  .button { border-radius: 9px; box-shadow: 0 3px 6px #3c48200a; }
  .button.primary { box-shadow: inset 0 1px #ffffff38, 0 4px 8px #244c3520; }
  .page-hero { padding-block: 65px 44px; }
  .page-hero::after {
    width: min(420px, 34vw); right: -25px; top: 6px;
    background: linear-gradient(90deg, var(--paper) 2%, #fcf6eb08 55%), linear-gradient(0deg, var(--paper), #fcf6eb00 35%), url('./kitchen-scene.png') 33% 53% / cover;
    border-radius: 48% 4% 35% 6%; opacity: .68;
  }
  .page-hero h1 em { position: relative; }
  .page-hero h1 em::after {
    content: ''; position: absolute; left: 3px; bottom: -11px; width: 145px; height: 11px;
    border-top: 3px solid #bd8b45; border-radius: 70% 50% 0 0; transform: rotate(-3deg); pointer-events: none;
  }
  .workspace-figure::before {
    inset: -32px -24px 20px -97px;
    background: linear-gradient(0deg, var(--paper), #fcf6eb00 25%), url('./kitchen-scene.png') 38% center / cover;
    border-radius: 48% 46% 8% 10%; box-shadow: none; transform: none;
  }
  .workspace-figure::after {
    content: ''; position: absolute; z-index: -2; top: -35px; right: -32px; bottom: 75px; width: 85%;
    border-radius: 80% 0 70% 40%; background: url('./botanical.png') right top / auto 100% no-repeat, linear-gradient(135deg, #2e6855, #173f34);
    pointer-events: none;
  }
  .workspace { box-shadow: 0 22px 45px #322d2429, 0 3px 8px #322d2410; }
  .steps article, .plan { border-color: #e0d3bc; box-shadow: var(--shadow); }
  .plan.free-plan { box-shadow: 0 8px 26px #48602b13, inset 0 0 0 3px #ffffff52; }
  .cta-band { background: linear-gradient(120deg, #eeefdf, #f8f2e3); box-shadow: inset 0 1px #fff9, 0 5px 15px #78623c06; }
  .about-quote { background: linear-gradient(120deg, #123f32e8, #123f32e8), url('./kitchen-scene.png') center / cover; }
  .green-section { position: relative; }
  .green-section::after {
    content: ''; position: absolute; height: 27px; left: 0; right: 0; bottom: -1px;
    border-radius: 65% 75% 0 0 / 100% 100% 0 0; background: var(--paper); pointer-events: none;
  }
  .faq-items, .legal-copy, .guide-panel { box-shadow: var(--shadow); }
  .inquiry-panel { background: #fffcf7f7; border-color: #eadfcd; box-shadow: 0 19px 48px #65502b24, 0 3px 8px #65502b10; }
  .inquiry-panel input, .inquiry-panel textarea, .inquiry-panel select { background: #f9f5eb; border-color: #c5bda9; box-shadow: inset 0 1px 2px #5c422009; }
  .footer { background: radial-gradient(ellipse at 15% 0, #2c5a49, transparent 60%), linear-gradient(115deg, #1c5143, #103e34); }
  .footer::before { opacity: .36; }
  .footer::after {
    content: ''; position: absolute; inset: 24% 0 0; z-index: -1; pointer-events: none;
    border-radius: 75% 75% 0 0 / 60% 25% 0 0; background: #072b2433;
  }
}
@layer responsive {
  @media (min-width: 1001px) {
    main:has(.contact-layout) {
      position: relative; isolation: isolate; width: min(1280px, calc(100% - 128px));
      grid-template-columns: .94fr 1fr; column-gap: 180px; padding-block: 33px 53px;
    }
    main:has(.contact-layout)::before {
      content: ''; position: absolute; z-index: -3; top: 2px; left: calc(50% - 300px);
      width: min(900px, 70vw); height: min(635px, 94%);
      background: linear-gradient(0deg, var(--paper) 1%, #fcf6eb00 18%), linear-gradient(90deg, var(--paper), #fcf6eb80 13%, #fcf6eb00 29%), url('./kitchen-scene.png') 40% center / cover;
      border-radius: 43% 18% 12% 28% / 45% 18% 12% 30%; pointer-events: none;
    }
    main:has(.contact-layout)::after {
      content: ''; position: absolute; z-index: -4; top: 13px; right: min(-64px, calc((1280px - 100vw) / 2));
      width: 385px; height: 490px; pointer-events: none; border-radius: 80% 0 80% 18% / 40% 0 65% 45%;
      background: url('./botanical.png') right -15px top -10px / 205px auto no-repeat, linear-gradient(145deg, #39745f, #174f40 55%, #0e3d32);
      box-shadow: inset 24px -15px 0 #ffffff06;
    }
    main:has(.contact-layout) > .page-hero { padding: 0 0 24px; }
    main:has(.contact-layout) > .page-hero::before {
      content: ''; position: absolute; z-index: -1; pointer-events: none;
      top: -35px; bottom: -22px; left: -90px; right: -11px;
      border-radius: 0 0 48% 0 / 0 0 82% 0; background: var(--paper);
    }
    main:has(.contact-layout) > .page-hero::after { display: none; }
    main:has(.contact-layout) .page-hero .eyebrow { margin-bottom: 13px; font-size: 9px; }
    main:has(.contact-layout) .page-hero h1 { font-size: clamp(48px, 4.25vw, 62px); line-height: 1.04; margin-bottom: 28px; }
    main:has(.contact-layout) .page-hero .lead { font-size: 14px; line-height: 1.75; max-width: 460px; background: var(--paper); box-shadow: 10px 0 14px 8px var(--paper); }
    main:has(.contact-layout) .contact-info {
      position: relative; isolation: isolate; max-width: 430px; padding-left: 24px;
      border-left-color: #b5864b;
    }
    main:has(.contact-layout) .contact-info::before {
      content: ''; pointer-events: none; z-index: -1; position: absolute;
      inset: -22px -31px -13px -45px; border-radius: 0 24% 14% 0;
      background: linear-gradient(90deg, var(--paper) 78%, #fcf6eb00);
    }
    main:has(.contact-layout) .contact-info h2 { font-size: 31px; line-height: 1.06; margin-bottom: 14px; }
    main:has(.contact-layout) .contact-info > p { font-size: 13px; line-height: 1.6; }
    main:has(.contact-layout) .contact-email { font-size: 16px; margin-top: 6px; min-height: 44px; }
    main:has(.contact-layout) .contact-note { margin-block: 12px; padding-block: 13px; gap: 12px; }
    main:has(.contact-layout) .contact-note h3 { font-size: 14px; margin-bottom: 5px; }
    main:has(.contact-layout) .contact-note p { font-size: 12px; line-height: 1.6; }
    main:has(.contact-layout) .contact-info .contact-privacy { font-size: 11px; line-height: 1.6; margin-top: 12px; }
    main:has(.contact-layout) .contact-info .text-link { font-size: 12px; margin-top: 1px; min-height: 44px; }
    main:has(.contact-layout) .inquiry-panel { margin-top: 0; padding: 27px 31px 29px; border-radius: 17px; }
    main:has(.contact-layout) .inquiry-panel h2 { font-size: 32px; line-height: 1.15; margin-bottom: 13px; }
    main:has(.contact-layout) .inquiry-panel > p { font-size: 12px; line-height: 1.6; }
    main:has(.contact-layout) .inquiry-panel form { margin-top: 19px; }
    main:has(.contact-layout) .inquiry-panel label { font-size: 12px; margin-bottom: 6px; }
    main:has(.contact-layout) .inquiry-panel input,
    main:has(.contact-layout) .inquiry-panel select,
    main:has(.contact-layout) .inquiry-panel textarea { font-size: 13px; margin-bottom: 16px; min-height: 44px; padding: 9px 11px; }
    main:has(.contact-layout) .inquiry-panel textarea { height: 108px; min-height: 108px; }
    main:has(.contact-layout) .inquiry-panel .form-grid { gap: 17px; }
    main:has(.contact-layout) .inquiry-panel fieldset > .fine { font-size: 10px; margin-top: -7px; }
    main:has(.contact-layout) .inquiry-panel fieldset > .button { margin-top: 19px; min-height: 47px; font-size: 13px; }
    main:has(.contact-layout) .inquiry-panel #draft-text { min-height: 180px; height: auto; }
  }
  @media (max-width: 1200px) and (min-width: 1001px) {
    main:has(.contact-layout) { column-gap: 95px; }
    main:has(.contact-layout) .page-hero h1 { font-size: 49px; }
    main:has(.contact-layout)::before { left: calc(50% - 230px); }
    main:has(.contact-layout) .inquiry-panel { padding-inline: 26px; }
  }
  @media (max-width: 1000px) and (min-width: 701px) {
    .page-hero::after { opacity: .2; width: 35%; }
    .workspace-figure::before { inset-inline: -35px -15px; }
    .contact-layout { grid-template-columns: .85fr 1.15fr; gap: 29px; }
    .contact-info { padding-top: 12px; }
    .inquiry-panel { background: #fffcf7f7; box-shadow: 0 16px 34px #654c2420; }
  }
  @media (max-width: 700px) {
    .header-inner { min-height: 79px; padding-block: 17px; }
    .announcement { padding-block: 6px; font-size: 9px; }
    .page-hero::after { width: 66%; right: -5px; opacity: .22; background-image: linear-gradient(90deg, var(--paper), #fcf6eb00 70%), linear-gradient(0deg, var(--paper), #fcf6eb00 65%), url('./kitchen-scene-small.png'); }
    .page-hero h1 em::after { width: 103px; bottom: -9px; border-top-width: 2px; }
    .workspace-figure { padding-top: 44px; }
    .workspace-figure::before { inset: 0 0 25px; border-radius: 45% 45% 15px 15px; background-image: linear-gradient(0deg, var(--paper), #fcf6eb00 25%), url('./kitchen-scene-small.png'); }
    .workspace-figure::after { top: 0; right: 0; width: 75%; }
    .about-quote { background-image: linear-gradient(120deg, #123f32e8, #123f32e8), url('./kitchen-scene-small.png'); }
    .contact-info { position: relative; }
    .contact-layout { gap: 29px; }
    .inquiry-panel { border-radius: 14px; border-top: 3px solid #c5aa74; }
    .footer::before { opacity: .23; }
  }
  @media print {
    .page-hero::before, .page-hero::after, .workspace-figure::before, .workspace-figure::after,
    .green-section::after, .footer::after, .page-hero h1 em::after,
    main:has(.contact-layout)::before, main:has(.contact-layout)::after,
    main:has(.contact-layout) .contact-info::before { display: none; }
    .about-quote, .inquiry-panel { background: white; box-shadow: none; }
  }
}

/* Voluntary support is informational only; these styles affect no existing section. */
@layer components {
  .support-section {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: clamp(28px, 6vw, 86px);
    align-items: center;
    padding-block: 76px 88px;
  }
  .support-copy h2 { font-size: clamp(34px, 3.4vw, 46px); line-height: 1.12; margin-bottom: 24px; }
  .support-copy p:not(.eyebrow) { font-size: 16px; line-height: 1.8; }
  .support-copy p + p { margin-top: 16px; }
  .support-information {
    position: relative;
    padding: clamp(24px, 3vw, 38px);
    background: linear-gradient(145deg, #f1f3e7, #f9f6ee);
    border: 1px solid #cbd6bd;
    border-top: 3px solid #b89c65;
    border-radius: 18px;
    box-shadow: 0 18px 40px #234c3410, inset 0 1px #fff;
  }
  .support-information .support-availability { color: var(--green); font-size: 21px; font-weight: 600; line-height: 1.4; margin-bottom: 18px; scroll-margin-top: 140px; }
  .support-information .support-disclosure { color: var(--ink); font-size: 14px; line-height: 1.8; }
  .support-information .button { margin-top: 26px; }
  @media (max-width: 767px) {
    .support-section { grid-template-columns: minmax(0, 1fr); padding-block: 44px 52px; gap: 26px; }
    .support-copy h2 { margin-bottom: 20px; }
    .support-information .button { width: 100%; justify-content: center; }
  }
  @media print {
    .support-section { display: block; padding-block: 20px; }
    .support-information { margin-top: 24px; background: white; color: black; box-shadow: none; border: 1px solid black; }
    .support-information .support-availability, .support-information .support-disclosure { color: black; }
    .support-information .button { display: none; }
  }
}

/* Improve text contrast against the existing illustration and surface colors. */
@layer components {
  .page-hero .lead { color: #37473f; }
  .page-hero h1 em { color: #17483a; }
  .workspace-metrics small { color: #4a5949; }
  #workspace-caption { color: #37473f; }
  .footer .footer-label { color: #faebc4; }
  .plans { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@layer responsive {
  @media screen and (min-width: 1001px) {
    main:has(.contact-layout) .contact-info::before {
      background: linear-gradient(90deg, var(--paper) 90%, #fcf6eb00);
    }
    main:has(.contact-layout) .contact-info > p,
    main:has(.contact-layout) .contact-note {
      background-color: var(--paper);
    }
  }
}