*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#18332b;background:#fff;font:17px/1.65 Arial,Helvetica,sans-serif}a{color:#214f40}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:1.65rem;margin-top:2rem}h3{font-size:1.25rem}button,input,select{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:999;background:white;padding:8px}.site-header{background:#18332b;color:white;padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;gap:24px;align-items:center;flex-wrap:wrap}.logo{font-weight:800;line-height:1.15;text-decoration:none;color:white;font-size:21px;letter-spacing:.02em}.logo small{font-weight:400;font-size:12px;display:block;margin-top:5px;letter-spacing:.1em}.site-nav{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-left:auto}.site-nav a{color:white;text-decoration:none;font-size:15px}.site-nav details{position:relative}.site-nav summary{cursor:pointer}.site-nav details div{position:absolute;z-index:20;min-width:260px;max-height:60vh;overflow:auto;top:100%;padding:12px;background:#18332b;box-shadow:0 6px 20px #0004}.site-nav details a{display:block;padding:7px}.site-footer{padding:44px max(24px,calc((100vw - 1240px)/2));background:#18332b;color:#eaf1e9;margin-top:50px;font-size:14px}.site-footer a{color:#eaf1e9;margin-right:18px;display:inline-block;margin-top:12px}.shell{width:min(1240px,calc(100% - 40px));margin:auto}.crumbs{padding-top:26px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:28px 0}.card{border:1px solid #dce5df;border-radius:10px;overflow:hidden;background:#fff}.card>a{display:block;color:#18332b;text-decoration:none}.card img{width:100%;aspect-ratio:1/1;object-fit:contain;padding:14px;background:#fafbf9}.card.category img{aspect-ratio:3/2;object-fit:cover;padding:0}.card h2,.card h3{font-size:16px;margin:16px;line-height:1.4}.card p{margin:16px;font-size:14px}.card .detail{color:#214f40;font-weight:bold}.button{display:inline-block;background:#214f40;color:#fff;padding:12px 20px;border-radius:6px;text-decoration:none;margin:8px 8px 8px 0;font-weight:bold}.button.amazon{background:#f2bd55;color:#18332b}.intro{max-width:850px}.guide{max-width:880px;margin:35px auto;overflow-wrap:anywhere}.guide img.cover{width:100%;max-height:560px;object-fit:cover;border-radius:12px;margin:16px 0 30px}.guide table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:24px 0}.guide th,.guide td{padding:12px;border:1px solid #dce5df;text-align:left;min-width:140px}.guide th{background:#eaf1e9}.guide section,.guide aside{max-width:100%}.guide a{overflow-wrap:anywhere}.disclosure{font-size:14px;color:#4f665d}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:36px 0}.product-layout img{width:100%;object-fit:contain;max-height:600px}.gallery{display:flex;gap:12px;overflow-x:auto;margin:18px 0}.gallery img{width:120px;height:120px;object-fit:contain;border:1px solid #dce5df;border-radius:6px}.pagination{display:flex;justify-content:center;gap:14px;align-items:center;margin:32px 0}.search-input{padding:12px;border:1px solid #96afa1;border-radius:6px;width:min(650px,100%)}.catalog-top{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.guide-jump{border-bottom:1px solid #dce5df;padding-bottom:20px}.related{padding:20px;background:#f4f7f2;border-radius:8px}.ofa-home img{display:block}.ofa-home a{text-decoration:none}.ofa-home ul{list-style:none;padding:0}.ofa-home h1,.ofa-home h2,.ofa-home h3{margin-block:0}.ofa-home p{margin-top:0}.ofa-home .ofa-hero h1{color:white}.ofa-home .ofa-hero__lede{color:white}@media(max-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-layout{grid-template-columns:1fr}.site-nav{margin-left:0}.site-nav details div{position:fixed;left:20px;right:20px;top:140px}}@media(max-width:600px){body{font-size:16px}.shell{width:calc(100% - 28px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card h2,.card h3{font-size:14px;margin:12px}.site-header{padding:16px 20px;gap:16px}.site-nav{gap:14px}.site-nav a{font-size:14px}.guide{margin-top:24px}}
.ofa-home{--ink:#18332b;--forest:#214f40;--sage:#eaf1e9;--sand:#f6f1e8;--sun:#f2bd55;--line:#dce5df;color:var(--ink);background:#fff}.ofa-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}.ofa-hero{position:relative;min-height:620px;display:grid;align-items:end;overflow:hidden;background:#18332b}.ofa-hero__media,.ofa-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0}.ofa-hero__media img{width:100%;height:100%;object-fit:cover}.ofa-hero__shade{background:linear-gradient(90deg,#0a1f18e0,#0a1f189e 48%,#0a1f1833)}.ofa-hero__content{position:relative;z-index:1;color:#fff;padding-block:100px 72px}.ofa-eyebrow,.ofa-kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.76rem;margin:0 0 12px}.ofa-eyebrow{color:#f5d486}.ofa-hero h1{color:#fff;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.98;letter-spacing:-.045em;max-width:850px;margin:0}.ofa-hero__lede{font-size:clamp(1rem,2vw,1.28rem);line-height:1.55;max-width:680px;margin:24px 0}.ofa-actions{display:flex;gap:12px;flex-wrap:wrap}.ofa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:8px;font-weight:800;text-decoration:none}.ofa-btn--sun{background:var(--sun);color:#172a24}.ofa-btn--glass{border:1px solid rgba(255,255,255,.75);color:#fff;background:#ffffff14}.ofa-btn--dark{background:var(--ink);color:#fff;margin-top:14px}.ofa-proof{display:flex;gap:24px;flex-wrap:wrap;list-style:none;padding:24px 0 0;margin:0;font-weight:650;font-size:.9rem}.ofa-proof li:before{content:"\2713";color:#f5d486;margin-right:8px}.ofa-jump{background:var(--ink);color:#fff}.ofa-jump__inner{display:flex;align-items:center;gap:20px;overflow-x:auto;white-space:nowrap;padding-block:16px;scrollbar-width:none}.ofa-jump a{color:#fff;text-decoration:none;font-weight:650}.ofa-jump span{color:#a9c1b8;font-weight:800}.ofa-section{padding-block:78px}.ofa-section--tint{background:var(--sand);padding-inline:32px;border-radius:22px}.ofa-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.ofa-heading h2,.ofa-guide h2,.ofa-authority h2,.ofa-faq h2{font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.03em;margin:0;color:var(--ink)}.ofa-heading>a,.ofa-authority a{color:var(--forest);font-weight:800;text-decoration:none}.ofa-kicker{color:#5f7d71}.ofa-grid{display:grid;gap:16px}.ofa-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ofa-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;background:#fff;transition:transform .2s,box-shadow .2s}.ofa-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #18332b1f}.ofa-card__image{aspect-ratio:4/3;background:var(--sage);overflow:hidden}.ofa-card__image img,.ofa-tile img,.ofa-article img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.ofa-card:hover img,.ofa-tile:hover img,.ofa-article:hover img{transform:scale(1.035)}.ofa-card__body{padding:18px}.ofa-card h3{font-size:1.1rem;margin:0 0 8px}.ofa-card span,.ofa-article span{font-size:.86rem;font-weight:800;color:#527064}.ofa-tile{display:grid;position:relative;aspect-ratio:1/1.05;overflow:hidden;border-radius:14px;background:var(--ink);text-decoration:none}.ofa-tile img{grid-area:1/1}.ofa-tile:after{content:"";grid-area:1/1;background:linear-gradient(transparent 45%,#091a14cc)}.ofa-tile span{grid-area:1/1;align-self:end;z-index:1;color:#fff;font-weight:800;font-size:1.06rem;padding:18px}.ofa-guide{display:grid;grid-template-columns:.75fr 1.75fr;gap:42px;align-items:start}.ofa-guide__intro{position:sticky;top:110px}.ofa-guide__intro>p:not(.ofa-kicker){font-size:1.05rem;line-height:1.7}.ofa-guide__articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ofa-article{border:1px solid var(--line);border-radius:14px;overflow:hidden}.ofa-article>a{color:inherit;text-decoration:none}.ofa-article img{width:100%;aspect-ratio:4/3}.ofa-article div{padding:18px}.ofa-article div p{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#6e887d;margin:0 0 8px}.ofa-article h3{font-size:1.05rem;line-height:1.35;margin:0 0 18px}.ofa-brands{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ofa-brands a{display:flex;justify-content:space-between;gap:10px;padding:20px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font-weight:800;text-decoration:none;background:#fff}.ofa-brands a:hover{background:var(--sage)}.ofa-authority{display:grid;grid-template-columns:1fr 1fr;gap:64px;background:var(--sage);padding-inline:48px;border-radius:22px}.ofa-authority__copy{font-size:1.02rem;line-height:1.75}.ofa-authority__copy p:first-child{margin-top:0}.ofa-faq{max-width:860px;margin-inline:auto}.ofa-faq>h2{margin-bottom:24px}.ofa-faq details{border-top:1px solid var(--line);padding:19px 0}.ofa-faq details:last-child{border-bottom:1px solid var(--line)}.ofa-faq summary{font-size:1.08rem;font-weight:800;cursor:pointer;list-style-position:outside;margin-left:20px}.ofa-faq details p{line-height:1.7;padding-left:20px;color:#4b645b}.ofa-disclosure{background:var(--ink);color:#fff;padding:34px 0}.ofa-disclosure .ofa-shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.ofa-disclosure strong{font-size:1.15rem}.ofa-disclosure p{margin:0;color:#d7e3de}@media(max-width:989px){.ofa-hero{min-height:560px}.ofa-grid--4{grid-template-columns:repeat(2,1fr)}.ofa-guide{grid-template-columns:1fr}.ofa-guide__intro{position:static;max-width:700px}.ofa-authority{grid-template-columns:1fr;gap:24px}.ofa-brands{grid-template-columns:repeat(2,1fr)}}@media(max-width:749px){.ofa-shell{width:min(100% - 28px,1240px)}.ofa-hero{min-height:580px}.ofa-hero__shade{background:linear-gradient(0deg,#0a1f18ed,#0a1f1873 72%,#0a1f182e)}.ofa-hero__content{padding-block:86px 42px}.ofa-hero h1{font-size:2.65rem}.ofa-hero__lede{font-size:1rem;margin:18px 0}.ofa-actions{display:grid}.ofa-btn{width:100%}.ofa-proof{gap:10px 18px;font-size:.8rem;padding-top:18px}.ofa-jump__inner{gap:16px}.ofa-section{padding-block:52px}.ofa-section--tint{margin-inline:-14px;padding-inline:14px;border-radius:0}.ofa-heading{align-items:start;flex-direction:column;margin-bottom:20px}.ofa-heading h2,.ofa-guide h2,.ofa-authority h2,.ofa-faq h2{font-size:2rem}.ofa-grid{gap:10px}.ofa-card__body{padding:13px}.ofa-card h3{font-size:.95rem}.ofa-card span{font-size:.75rem}.ofa-tile span{padding:12px;font-size:.93rem}.ofa-guide__articles{grid-template-columns:1fr}.ofa-article>a{display:grid;grid-template-columns:38% 1fr}.ofa-article img{aspect-ratio:1;height:100%}.ofa-article div{padding:14px}.ofa-brands{grid-template-columns:1fr}.ofa-brands a{padding:16px}.ofa-authority{margin-inline:-14px;padding-inline:22px;border-radius:0}.ofa-disclosure .ofa-shell{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.ofa-card,.ofa-card img,.ofa-tile img,.ofa-article img{transition:none}}