/* Distinctive art direction shared by the React front end. */
html,body{max-width:100%;overflow-x:clip}
main,section,header,footer{min-width:0}
.section-wrap,.hero-copy,.hero-art,.product-card,.blog-card,.product-body,.seo-copy,.about-inner>div,.contact-inner>div{min-width:0}
.products-section:before{left:42px}
#article:before,#product-detail:before{left:28px}
.hero{position:relative;isolation:isolate;min-height:590px;margin-top:22px;margin-bottom:24px;padding:50px 48px 58px;border-radius:32px;background:radial-gradient(circle at 78% 18%,#4d825567,transparent 34%),radial-gradient(circle at 10% 95%,#d6e56c28,transparent 30%),linear-gradient(130deg,#102f28,#1d5140 70%,#28634a);box-shadow:0 34px 75px #123c2c27;overflow:hidden}
.hero:before{content:"";position:absolute;width:560px;aspect-ratio:1;left:-190px;bottom:-360px;border:1px solid #d6e56c44;border-radius:50%;box-shadow:0 0 0 36px #d6e56c0d,0 0 0 72px #d6e56c0a;pointer-events:none}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#e4efbd35 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 15%,#000 90%);pointer-events:none}
.hero .eyebrow{color:#d6e56c}
.hero h1{color:#fffefa;font-size:clamp(32px,3.7vw,49px)}
.hero h1 em{color:#f3d45b}
.hero-copy>p{color:#d8e9dd}
.hero .text-link{color:#f6edc4}
.hero-proof{display:inline-flex;margin-top:32px;padding:10px 14px 10px 18px;border:1px solid #d8eabd39;border-radius:16px;background:#ffffff0d;backdrop-filter:blur(8px)}
.hero-proof b{color:white}.hero-proof small{color:#cfddcc}.hero-proof .proof-icon{background:#d6e56c;color:#143b32}
.hero-art:before{background:#e5ebd62a}.hero .orbit{border-color:#dbe9a866}.hero .art-grid{opacity:.5}.hero .art-index{color:#d6e6b5}
.hero-art img{filter:drop-shadow(0 26px 32px #071d19a0);animation:art-hover 6s ease-in-out infinite}
.hero .art-note{border:1px solid #e6edda;box-shadow:0 15px 36px #08261f42}
.trust-strip{width:min(1180px,calc(100% - 56px));margin:0 auto 10px;padding:0;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));background:transparent;color:var(--pine)}
.trust-strip div{min-height:88px;padding:15px 20px!important;border:1px solid #dce6d6;border-radius:18px;background:linear-gradient(145deg,#fffefa,#eef3e8);box-shadow:0 11px 24px #173f360c;position:relative;overflow:hidden}
.trust-strip div:before{content:"";position:absolute;left:-18px;bottom:-32px;width:72px;height:72px;border:1px solid #c3d5bb;border-radius:50%;box-shadow:0 0 0 10px #dce8d652}
.trust-strip b{font-size:27px;color:#315d45;line-height:1}.trust-strip span{font-size:12px;color:#556c5b}
.products-section{padding-block:90px 96px}
.section-heading h2 em,.seo-copy h2 em{color:#7a993e}
.section-heading .eyebrow,.seo-copy .eyebrow{color:#567a46}
.product-card{border-color:#dce7d7;box-shadow:0 14px 32px #173f3610}
.product-card:hover{box-shadow:0 24px 45px #173f3624}
.product-action{display:flex;align-items:center;justify-content:center;min-height:42px;width:100%;padding:9px 12px;margin-top:14px;border-radius:10px;background:#1c5843;color:#fff;font-size:12px;font-weight:800;line-height:1.5;box-shadow:0 4px 0 #0d3b2e;transition:transform .2s,background .2s,box-shadow .2s}
.product-action:hover,.product-action:focus-visible{background:#2b704f;color:#fff;transform:translateY(-2px);box-shadow:0 6px 0 #0d3b2e}
.product-visual{background:#fff}
.product-price{align-items:flex-start}
.price-label{display:inline-flex;align-items:center;gap:4px;border-radius:9px;background:#f1f6dc;color:#285536;padding:5px 8px;font-size:13px;line-height:1.5}
.price-label.is-priced{background:#d8eb64;color:#14392f;box-shadow:0 4px 0 #aec046}
.price-date{font-size:10px;line-height:1.7;color:#718477}
.price-demo{display:inline-block;color:#9c6b0d;background:#fff0c8;border:1px solid #ead388;border-radius:99px;padding:1px 8px;font-size:9px;font-weight:800}
.variant-pills{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 4px}
.variant-pills button{border:1px solid #cfddc7;border-radius:10px;background:#fff;padding:5px 10px;color:#3b6550;font-weight:700;cursor:pointer;transition:.2s}
.variant-pills button:hover,.variant-pills button.active{background:#1d5844;color:#fff;border-color:#1d5844;box-shadow:0 5px 12px #1d58442b}
.variant-pills.card-variants button{font-size:10px;padding:3px 7px;border-radius:8px}
.detail-price{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#f2f7df;border:1px solid #d7e69b;border-radius:16px;padding:14px 18px;width:max-content;max-width:100%}
.detail-price b{font-size:23px;color:#194531}.detail-price small{font-size:11px;color:#637d5e}
.detail-price .price-label{font-size:22px;padding:7px 12px;background:#d8eb64;color:#173d2e}
.detail-variant-label{font-size:12px;font-weight:800;color:#476858}
.seo-band{position:relative;background:linear-gradient(115deg,#dae8ae,#edf4d6 44%,#e6eee0);border-block:1px solid #ccdbb9}
.seo-band:before{content:"";position:absolute;width:550px;height:550px;left:-170px;top:-270px;border:1px solid #759e6f44;border-radius:50%;box-shadow:0 0 0 35px #759e6f11,0 0 0 70px #759e6f0c}
.seo-copy{position:relative}
.guide-grid article{box-shadow:0 16px 35px #173f3612;transition:transform .25s,box-shadow .25s}
.guide-grid article:hover{transform:translateY(-7px);box-shadow:0 24px 45px #173f3621}
.guide-num{color:#1d5844}
.about-section{border-block:7px solid #d5e66a}
.blog-card{box-shadow:0 14px 28px #173f360d}
.contact-section{border-top:0;background:linear-gradient(115deg,#e4edcd,#eff4e7)}
.contact-inner h2 em{color:#598b48}
.site-footer{border-top:5px solid #b7d05c}
@keyframes art-hover{50%{transform:translateY(-9px)}}
@media(max-width:950px){.hero{padding:34px 28px}.trust-strip{gap:8px}.trust-strip div{padding:12px!important}.trust-strip span{font-size:10px}}
@media(max-width:680px){.section-wrap,.trust-strip{width:calc(100% - 28px)}.site-header{padding-inline:12px}.hero{width:calc(100% - 24px);margin-top:12px;margin-bottom:14px;padding:12px 18px 30px;border-radius:24px;gap:8px}.hero-art{height:245px}.hero h1{font-size:27px;line-height:1.52}.hero-copy>p{font-size:12px}.hero-proof{margin-top:21px;max-width:100%;padding:8px}.trust-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.trust-strip div{min-height:66px;padding:8px!important;border-radius:13px;gap:7px}.trust-strip b{font-size:20px;min-width:0}.trust-strip span{font-size:9px;line-height:1.5}.products-section:before{left:42px;width:170px;height:170px}.products-section,.guide-section,.blog-section{padding-block:56px}.product-card,.blog-card{min-width:0}.product-card{grid-template-columns:minmax(0,36%) minmax(0,1fr)}.blog-card{grid-template-columns:minmax(0,34%) minmax(0,1fr)}.product-body{min-width:0}.product-body h3,.product-body p,.blog-info h3{overflow-wrap:anywhere}.price-label{font-size:10px;padding:3px 6px}.price-date{font-size:8px}.variant-pills{gap:4px;margin:7px 0}.variant-pills.card-variants button{font-size:9px;padding:2px 5px}.seo-band{padding-inline:18px}.detail-price b{font-size:19px}.detail-price{width:100%}.detail-price .price-label{font-size:20px}.product-action{min-height:38px;padding:8px 6px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none}.guide-grid article{transition:none}.guide-grid article:hover{transform:none}}
