/* Shared visual language beyond the landing page. */
body[data-page]:not([data-page="home"]) #app{background:radial-gradient(ellipse at 100% 0,#e1eadb 0,transparent 48%),#f7f7ef;min-height:70vh}
body[data-page]:not([data-page="home"]) .page{padding-top:60px;padding-bottom:80px}
body[data-page]:not([data-page="home"]) .page-title{font-size:clamp(36px,5vw,67px);line-height:1.07;max-width:1000px;letter-spacing:-.045em;color:#193d32}
body[data-page]:not([data-page="home"]) .page>.eyebrow{display:inline-flex;background:#e0e9b8;padding:8px 14px;border-radius:30px;color:#294832;margin-bottom:20px}
body[data-page]:not([data-page="home"]) .page>p{max-width:800px;font-size:17px;line-height:1.8}
body[data-page]:not([data-page="home"]) .panel{border-radius:24px;border:1px solid #d9e0d3;box-shadow:0 6px 24px #193d3206}
body[data-page="experts"] .page>.page-title,body[data-page="blog"] .page>.page-title{max-width:850px}
body[data-page="experts"] .filter-row,body[data-page="blog"] .filter-row{padding:24px;border-radius:22px;background:#fff;border:1px solid #d9e0d3;margin:28px 0}
body[data-page="experts"] .card,body[data-page="blog"] .card{border-radius:24px;overflow:hidden;border:1px solid #d9e0d3;transition:transform .2s,box-shadow .2s}
body[data-page="experts"] .card:hover,body[data-page="blog"] .card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #193d3212}
body[data-page="experts"] .card:nth-child(3n+2),body[data-page="blog"] .card:nth-child(3n+2){background:#f0f3e4}
body[data-page="profile"] .profile-layout{gap:32px;align-items:start}
body[data-page="profile"] .profile-layout>div>.panel:first-child{background:#193d32;color:#f4f6ea;border-color:#193d32;padding:36px}
body[data-page="profile"] .profile-layout>div>.panel:first-child :is(h1,h2,h3,.hint,.page-title){color:inherit}
body[data-page="profile"] .profile-layout aside.panel{background:#e8edcf}
body[data-page="profile"] .profile-layout .panel{margin-bottom:24px}
body[data-page="how"] .how-section{counter-reset:steps;padding-top:35px}
body[data-page="how"] .how-section .step{border-radius:24px;background:#fff;border:1px solid #d9e0d3;padding:30px}
body[data-page="how"] .how-section .step:nth-child(2){background:#dce8cc}
body[data-page="how"] .how-section .step:nth-child(3){background:#f0dccd}
body[data-page="plans"] .plan-grid{gap:18px}
body[data-page="plans"] .plan{border-radius:26px;border:1px solid #d5dccb;background:white;padding:28px;display:flex;flex-direction:column}
body[data-page="plans"] .plan.selected{background:#203e35;color:#f5f7ee;box-shadow:0 18px 35px #193d3220;border-color:#203e35}
body[data-page="plans"] .plan.selected :is(h3,.price,.hint,.plan-total){color:inherit}
body[data-page="plans"] .plan.selected .btn{background:#d1e598;color:#193d32}
body[data-page="plans"] .plan ul{flex:1;line-height:2;padding-left:20px;margin:20px 0}
body[data-page="plans"] .plan .price{font-size:38px;white-space:nowrap}
body[data-page="plans"] .plan .price small{font-size:14px}
body[data-page="plans"] .plan .recommended{position:static;align-self:start;background:#d1e598;color:#193d32;margin:-4px 0 12px;padding:5px 12px;border-radius:30px}
.about-hero{background:#dfe8c9!important;border-radius:32px;padding:clamp(28px,5vw,64px)!important;position:relative;overflow:hidden}
.brand-motto{font-size:15px;font-weight:650;color:#45633f;margin-bottom:24px;letter-spacing:.01em}
.about-hero .page-title{position:relative;z-index:1}.about-signature{color:#768f58!important;opacity:.25}
.about-page .cols{gap:24px;margin-top:26px}.about-page .cols>.panel:nth-child(2){background:#f0e0d3}
.contact-page .contact-card{border-radius:28px!important;background:#e2ebcb!important;border:0!important}
.contact-page .contact-card a[href^="mailto"]{overflow-wrap:anywhere}
body[data-page="article"] .article{max-width:950px}.article h1{font-size:clamp(34px,5vw,60px);letter-spacing:-.04em;line-height:1.15;color:#193d32}.article p{line-height:1.9}
.checkout-page .checkout-layout{margin-top:32px}.checkout-summary{background:#e3ebc9!important}
.footer-motto{display:inline-block;color:#304d3c;font-size:15px;margin:5px 0}
.billing-heading h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.035em;margin:10px 0}.billing-heading p{color:#5b6c63}
.billing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 12px}.billing-stats article{background:#eaf0dc;padding:22px;border-radius:18px;display:flex;flex-direction:column;gap:12px}.billing-stats article:first-child{background:#203e35;color:white}.billing-stats strong{font-size:29px;line-height:1.2;overflow-wrap:anywhere}.billing-stats span{font-size:13px}
.billing-setup-note{background:#fcf3db;border:1px solid #ecdcb6;padding:20px 24px;border-radius:16px;margin:22px 0}.billing-setup-note p{margin:7px 0 0;line-height:1.7}.billing-tabs{display:flex;gap:10px;margin:24px 0}.billing-tabs .chip{padding:10px 18px;border-radius:30px;border:1px solid #b9c8b3;text-decoration:none}.billing-tabs .active{background:#203e35;color:white}
.billing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.billing-plan{display:flex;flex-direction:column;gap:16px;margin:0!important;min-width:0}.billing-plan label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.billing-plan input:not([type=checkbox]){width:100%;min-width:0;border:1px solid #cbd5c5;padding:13px;border-radius:10px;font:inherit;background:white;color:#203e35}.billing-plan .check-line{flex-direction:row;align-items:center;font-weight:400}.billing-plan-top,.billing-total{display:flex;justify-content:space-between;gap:12px}.billing-plan-top{align-items:center}.billing-total{padding:14px 0;border-block:1px solid #e0e5da}.billing-plan button{margin-top:auto}.billing-plan [role=status]{margin:0;min-height:20px}
.billing-table-wrap{overflow-x:auto}.billing-table{width:100%;border-collapse:collapse;min-width:720px;font-size:13px}.billing-table th{text-align:left;color:#596b60;background:#edf1e5;padding:14px}.billing-table td{vertical-align:top;padding:16px 14px;border-bottom:1px solid #e1e6db}.billing-table small{display:block;margin-top:7px;color:#66756b;max-width:220px;overflow-wrap:anywhere}.billing-empty{text-align:center;padding:45px 20px}.billing-empty>span{font-size:40px;color:#718d54}.billing-empty p{color:#647467}.membership-card{background:#edf1df!important}.membership-card h2{margin-top:14px}.billing-install{max-width:700px}
@media(max-width:1000px){body[data-page="plans"] .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body[data-page]:not([data-page="home"]) .page{padding-top:32px;padding-bottom:45px}body[data-page]:not([data-page="home"]) .page-title{font-size:37px}body[data-page="plans"] .plan-grid,.billing-plan-grid,.billing-stats{grid-template-columns:1fr}.billing-stats{gap:9px}.billing-stats article{padding:18px;flex-direction:row;align-items:center;justify-content:space-between}.billing-stats strong{font-size:24px}.about-hero{border-radius:22px}.profile-layout .panel{padding:23px!important}.billing-plan-top .hint{font-size:12px}.billing-total{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body[data-page] .card{transition:none!important;transform:none!important}}

body[data-page="plans"] .plan.selected li,body[data-page="plans"] .plan.selected .price small{color:#e2ebd8}

body[data-page="how"] .how-section>h2{font-size:clamp(35px,5vw,64px);line-height:1.1;letter-spacing:-.04em;max-width:800px;margin:22px 0 40px}body[data-page="how"] .how-section{padding-top:0}body[data-page="profile"] .profile-layout>div>.panel:first-child .role{color:#d1e598}body[data-page="profile"] .profile-layout>div>.panel:first-child .pill{background:#e3edcf;color:#203e35}