
/* FoxyPick Home · unified home landing pages */
.fph-main,.fph-main *{box-sizing:border-box}
.fph-main{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;background:#fff!important;color:#172c20!important;line-height:1.55;max-width:none!important;width:100%;margin:0;padding:0!important;overflow:clip}
.fph-main .fph-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.fph-main h1,.fph-main h2,.fph-main h3{color:inherit;letter-spacing:-.052em;text-wrap:balance}
.fph-main p{line-height:1.7}
.fph-main a{text-decoration:none}
.fph-main a:focus-visible{outline:3px solid #6fbd7c;outline-offset:3px}
.fph-kicker,.fph-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#41805a!important;font-size:11px;font-weight:900;letter-spacing:.15em;line-height:1.5}
.fph-pulse{height:8px;width:8px;border-radius:50%;background:#72aa67;display:inline-block;flex:0 0 8px}
.fph-hero{padding:clamp(50px,7vw,100px) 0;background:radial-gradient(ellipse at top right,#e0ebdb,transparent 58%),#f4f7f1!important;border-bottom:1px solid #dde7d9}
.fph-hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(24px,4vw,60px);align-items:center}
.fph-main .fph-hero h1{font-size:clamp(47px,5.8vw,81px)!important;font-weight:850!important;letter-spacing:-.068em!important;line-height:1.05!important;color:#122e1f!important;margin:22px 0 22px!important}
.fph-main .fph-hero h1 em,.fph-hub-hero h1 em{font-style:normal;color:#61886c!important}
.fph-hero-copy>p{max-width:590px;color:#536c5a!important;font-size:clamp(16px,1.55vw,19px)!important;line-height:1.72!important;margin:0!important}
.fph-hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}
.fph-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:800;line-height:1.35;transition:transform .16s ease,background-color .16s ease}
.fph-btn:hover{transform:translateY(-2px)}
.fph-primary{background:#17462e!important;color:#fff!important;border:1px solid #17462e}
.fph-primary:hover{background:#23633f!important}
.fph-outline{border:1px solid #bdd3ba;background:#fff;color:#225239!important}
.fph-outline:hover{background:#ecf3e9}
.fph-hero-foot{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:24px;color:#62806a;font-size:11px}
.fph-hero-foot strong{font-size:13px;color:#2f6140}
.fph-divider{height:14px;width:1px;background:#b9ceb6}
.fph-hero-visual{position:relative;border-radius:22px;overflow:hidden;background:#d2decd;aspect-ratio:4/4.25;box-shadow:0 22px 55px #102f201c}
.fph-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover}
.fph-hero-image-label{position:absolute;bottom:0;left:0;right:0;padding:50px 24px 24px;background:linear-gradient(transparent,#122117e6);color:#fff;display:flex;flex-direction:column;gap:6px}
.fph-hero-image-label small{font-size:10px;letter-spacing:.13em;font-weight:850;color:#d4e9c9}
.fph-hero-image-label strong{max-width:330px;line-height:1.25;font-size:21px;letter-spacing:-.03em}
.fph-section{padding:clamp(57px,7vw,94px) 0}
.fph-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.fph-main .fph-section-title h2,.fph-path h2,.fph-trust h2,.fph-hub-bottom h2,.fph-hub-policy h2{font-size:clamp(32px,4vw,48px)!important;color:#1a3927!important;line-height:1.13!important;letter-spacing:-.06em!important;margin:9px 0 11px!important;font-weight:820!important}
.fph-section-title p{font-size:15px!important;color:#607568!important;max-width:660px;margin:0!important}
.fph-text-link{font-size:13px;color:#246943!important;font-weight:830!important;white-space:normal}
.fph-text-link:hover{text-decoration:underline!important;text-underline-offset:4px}
.fph-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.fph-category-card{border:1px solid #e0e8dd;border-radius:18px;overflow:hidden;background:#fbfcfa;min-width:0;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s,transform .18s}
.fph-category-card:hover{border-color:#acc9aa;transform:translateY(-2px);box-shadow:0 10px 33px #10331e12}
.fph-category-image{background:#e7eee3;height:220px;overflow:hidden}
.fph-category-image img{width:100%;height:100%;object-fit:cover;display:block}
.fph-category-image.fph-product-photo{background:linear-gradient(135deg,#eef4ea,#dce7da);padding:18px}
.fph-category-image.fph-product-photo img{object-fit:contain;mix-blend-mode:multiply}
.fph-category-copy{padding:22px 22px 25px;display:flex;flex-direction:column;flex:1}
.fph-category-copy>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#468054}
.fph-category-copy h3{font-size:clamp(23px,2.5vw,30px)!important;color:#173a27!important;margin:10px 0!important;line-height:1.17!important}
.fph-category-copy p{color:#5e7063!important;font-size:13px!important;line-height:1.65!important;margin:0 0 18px!important}
.fph-category-links{margin-top:auto;display:flex;flex-direction:column;gap:9px}
.fph-category-links a{font-size:12px;color:#246241!important;font-weight:800}
.fph-category-links a:hover{text-decoration:underline}
.fph-path{background:#102d1e!important;color:#fff!important}
.fph-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,95px);align-items:center}
.fph-path .fph-kicker{color:#c1dea6!important}
.fph-path h2{color:#f9fff7!important}
.fph-path-grid>div:first-child>p{font-size:15px!important;color:#cedfce!important;max-width:550px}
.fph-path .fph-text-link{color:#d1efb5!important}
.fph-steps{display:grid;gap:10px}
.fph-steps>div{display:flex;gap:17px;background:#ffffff0b;border:1px solid #ffffff25;border-radius:12px;padding:18px}
.fph-steps>div>span{font-size:12px;font-weight:850;color:#cde1b8}
.fph-steps strong{display:block;font-size:16px;color:#f7fff7}
.fph-steps p{font-size:12px!important;color:#bed5c1!important;margin:4px 0 0!important}
.fph-tools{background:#edf4ea!important}
.fph-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fph-tool-card{padding:27px;background:#fff;color:#1e3d2b!important;border:1px solid #d3e3d0;border-radius:16px;display:flex;flex-direction:column;min-height:272px;transition:transform .16s,border-color .16s}
.fph-tool-card:hover{transform:translateY(-2px);border-color:#88b598}
.fph-tool-symbol{font-size:28px;color:#3a8050!important;line-height:1}
.fph-tool-card small{font-size:10px;font-weight:850;letter-spacing:.1em;color:#4b815b!important;margin:15px 0 8px}
.fph-tool-card h3{font-size:27px!important;color:#153826!important;letter-spacing:-.045em;margin:0 0 8px!important}
.fph-tool-card p{font-size:13px!important;color:#5c7060!important;margin:0 0 16px!important}
.fph-tool-card strong{margin-top:auto;font-size:12px;color:#22623f!important}
.fph-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.fph-guide-grid>a{display:flex;flex-direction:column;gap:10px;background:#f8faf6;border:1px solid #dde8db;border-radius:14px;padding:24px;min-width:0;min-height:200px;color:#1a3626!important;transition:background .16s,border-color .16s}
.fph-guide-grid>a:hover{background:#fff;border-color:#a6c6a6}
.fph-guide-grid small{color:#4b7f55!important;font-size:10px;letter-spacing:.12em;font-weight:850}
.fph-guide-grid h3{font-size:clamp(20px,2.3vw,25px)!important;line-height:1.24!important;margin:0!important;color:#1b3928!important}
.fph-guide-grid p{font-size:12px!important;color:#667969!important;margin:0!important}
.fph-guide-grid strong{font-size:12px;color:#22623f!important;margin-top:auto}
.fph-guide-cta{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:23px;padding:18px 22px;border:1px solid #dce8da;border-radius:12px;background:#f6f9f5;color:#4d6652;font-size:13px}
.fph-guide-cta a{color:#1d5b39!important;font-weight:800}
.fph-trust{background:#f6f8f3!important;border-top:1px solid #e2e9df}
.fph-trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(25px,5vw,65px);align-items:center}
.fph-trust p{color:#5c715f!important;font-size:14px!important;line-height:1.78!important}
.fph-trust-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px}
.fph-trust-links a{font-size:12px;color:#206541!important;font-weight:850}
.fph-trust-photo{overflow:hidden;border-radius:17px;background:#e1e8db;position:relative}
.fph-trust-photo img{width:100%;height:320px;object-fit:cover;display:block}
.fph-trust-photo>span{display:block;padding:12px 15px;font-size:11px;color:#506c54;background:#fff}
.fph-hub-hero{padding:75px 0 67px;background:radial-gradient(ellipse at 100% 0,#dceadb,transparent 56%),#f0f5ed}
.fph-hub-hero h1{font-size:clamp(48px,6.2vw,81px)!important;color:#153725!important;letter-spacing:-.065em!important;line-height:1.05!important;margin:20px 0!important}
.fph-hub-hero p{max-width:730px;font-size:17px!important;color:#5a6f60!important;margin:0 0 26px!important}
.fph-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.fph-hub-grid article{border:1px solid #dbe5d9;border-radius:16px;background:#fbfcfa;min-width:0;overflow:hidden}
.fph-hub-img{height:180px;overflow:hidden;background:#e9f1e5}
.fph-hub-img img{width:100%;height:100%;object-fit:cover}
.fph-hub-product{padding:12px}
.fph-hub-product img{object-fit:contain;mix-blend-mode:multiply}
.fph-hub-content{padding:21px}
.fph-hub-content>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#53825d!important}
.fph-hub-content h3{font-size:25px!important;color:#1c402c!important;line-height:1.2!important;margin:10px 0!important}
.fph-hub-content p{font-size:13px!important;color:#5c715f!important;margin:0 0 14px!important}
.fph-hub-content nav{display:grid;gap:9px}
.fph-hub-content nav a{color:#226642!important;font-size:12px;font-weight:790}
.fph-hub-content nav a:hover{text-decoration:underline}
.fph-hub-bottom{background:#163a26!important}
.fph-hub-bottom h2{color:#fff!important}
.fph-hub-bottom .fph-kicker{color:#bddb9d!important}
.fph-hub-bottom p{color:#d1e0cd!important}
.fph-hub-tool-links{display:grid;gap:10px}
.fph-hub-tool-links a{display:block;padding:16px 18px;color:#e6f5dc!important;background:#ffffff0f;border:1px solid #ffffff26;border-radius:11px;font-size:13px;font-weight:750}
.fph-hub-tool-links a:hover{background:#ffffff20}
.fph-hub-policy{background:#f4f8f1!important}
.fph-hub-policy h2{color:#1d432a!important}
.fph-hub-policy p{max-width:930px;color:#607161!important;font-size:14px!important}
@media(max-width:930px){.fph-category-grid,.fph-tools-grid,.fph-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fph-hero-grid{grid-template-columns:1fr 0.86fr}.fph-main .fph-hero h1{font-size:clamp(45px,6vw,65px)!important}}
@media(max-width:690px){.fph-main .fph-shell{width:calc(100% - 32px)}.fph-hero{padding:45px 0 37px}.fph-hero-grid,.fph-path-grid,.fph-trust-grid{grid-template-columns:1fr;gap:25px}.fph-main .fph-hero h1{font-size:clamp(46px,11.3vw,65px)!important}.fph-hero-copy>p{font-size:15px!important}.fph-hero-visual{aspect-ratio:16/10;border-radius:15px}.fph-hero-image-label{padding:32px 15px 14px}.fph-hero-image-label strong{font-size:15px}.fph-section{padding:44px 0}.fph-section-title{display:block;margin-bottom:23px}.fph-section-title h2{font-size:36px!important}.fph-section-title p{font-size:13px!important;margin:0 0 13px!important}.fph-category-grid,.fph-tools-grid,.fph-guide-grid,.fph-hub-grid{grid-template-columns:1fr;gap:12px}.fph-category-image{height:190px}.fph-category-copy{padding:18px}.fph-category-copy h3{font-size:26px!important}.fph-tool-card{min-height:0;padding:22px}.fph-guide-grid>a{min-height:175px;padding:20px}.fph-trust-photo img{height:240px}.fph-hub-hero{padding:48px 0}.fph-hub-hero h1{font-size:48px!important}.fph-hub-hero p{font-size:15px!important}.fph-hub-img{height:195px}}
@media(prefers-reduced-motion:reduce){.fph-btn,.fph-category-card,.fph-tool-card,.fph-guide-grid>a{transition:none!important}.fph-btn:hover,.fph-category-card:hover,.fph-tool-card:hover{transform:none!important}}
