:root {
  --green: #174d35; --green-dark: #103a28; --green-mid: #286849; --lime: #d7ef9b;
  --ink: #1b2a21; --muted: #68766c; --cream: #f8f8f2; --line: #e3e8df; --white: #fff;
  --font: "DM Sans", sans-serif; --display: "Manrope", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.site-header { height: 82px; padding: 0 clamp(20px, 6vw, 88px); display:flex; align-items:center; justify-content:space-between; background:#fff; position:sticky; top:0; z-index:20; border-bottom:1px solid rgba(20,60,40,.07); }
.brand { display:flex; align-items:center; gap:10px; font:800 22px var(--display); letter-spacing:-1px; color:var(--green); }
.brand-light { font-weight:500; color:#65766b; }
.brand-mark { width:34px; height:34px; border-radius:12px 12px 12px 4px; background:var(--green); color:var(--lime); display:grid; place-items:center; font:800 25px Georgia,serif; }
.nav-links { display:flex; align-items:center; gap:32px; color:#46564b; font-size:13px; font-weight:600; }
.nav-links a:not(.nav-contact):hover, .text-link:hover { color:var(--green-mid); }
.nav-contact { padding:12px 17px; border:1px solid #d9e3da; border-radius:30px; color:var(--green); }
.nav-contact span { margin-left:10px; }
.menu-toggle { display:none; border:0; background:transparent; padding:8px; }
.menu-toggle span { display:block; width:22px; height:2px; margin:5px; background:var(--green); }
.hero { display:grid; grid-template-columns:1.02fr .98fr; gap:4vw; padding:75px clamp(20px, 8vw, 120px) 78px; align-items:center; background:radial-gradient(ellipse at 90% 10%, #eef5e9 0, transparent 42%), #fbfcf8; overflow:hidden; }
.hero-copy { max-width:590px; }
.eyebrow { margin:0 0 18px; color:#548163; font-size:10px; letter-spacing:2px; font-weight:800; }
.eyebrow-dot { display:inline-block; width:7px; height:7px; background:#8fbd56; border-radius:50%; margin-right:7px; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { font-family:var(--display); letter-spacing:-2.6px; }
h1 { font-size:clamp(42px, 5.3vw, 70px); line-height:1.1; margin-bottom:24px; color:#1a3023; }
h1 em,h2 em { font-style:normal; color:#648d4c; }
.hero-text { max-width:490px; color:#647168; line-height:1.85; font-size:15px; }
.hero-actions { display:flex; align-items:center; gap:24px; margin-top:30px; flex-wrap:wrap; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:20px; padding:15px 20px; border-radius:5px; font-weight:700; font-size:12px; border:0; cursor:pointer; transition:transform .2s, background .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--green); color:white; }
.button-primary:hover { background:var(--green-dark); }
.text-link { font-size:12px; font-weight:700; color:#315a3f; }
.text-link span { margin-left:7px; }
.hero-note { margin-top:34px; display:flex; align-items:center; gap:9px; font-size:11px; color:#718076; }
.check-icon { width:19px; height:19px; border-radius:50%; background:#e5f1d5; color:#426e35; display:grid; place-items:center; font-weight:800; }
.hero-visual { position:relative; min-height:425px; display:flex; align-items:center; justify-content:center; }
.hero-image-wrap { position:relative; width:min(100%, 440px); height:390px; border-radius:180px 180px 16px 16px; overflow:hidden; z-index:2; box-shadow:0 28px 70px #173e2524; }
.hero-image-wrap>img { width:100%; height:100%; object-fit:cover; }
.hero-image-wrap:after { content:""; position:absolute; inset:35% 0 0; background:linear-gradient(transparent, #0b2816a8); }
.image-caption { position:absolute; z-index:1; bottom:22px; left:20px; right:20px; display:flex; align-items:center; gap:12px; color:#fff; }
.caption-icon { width:37px; height:37px; display:grid; place-items:center; border-radius:50%; color:var(--green); background:var(--lime); font-size:20px; }
.image-caption strong,.image-caption small { display:block; }
.image-caption strong { font-size:13px; margin-bottom:4px; }
.image-caption small { font-size:10px; color:#e1e9e1; }
.visual-orbit { position:absolute; border:1px solid #d9e5d2; border-radius:50%; }
.orbit-one { width:490px; height:490px; }
.orbit-two { width:550px; height:550px; border-style:dashed; opacity:.65; }
.floating-card { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; background:#fff; padding:13px 16px; border-radius:8px; box-shadow:0 12px 35px #183a241a; }
.floating-card strong,.floating-card small { display:block; }
.floating-card strong { font-size:11px; margin-bottom:4px; }
.floating-card small { color:#829086; font-size:9px; }
.floating-card-top { top:57px; left:-6px; }
.floating-card-bottom { bottom:48px; right:-5px; }
.mini-icon { width:31px; height:31px; border-radius:50%; display:grid; place-items:center; background:#edf4e7; color:#3c7345; font-size:12px; }
.mini-icon-leaf { background:#e5f2d1; }
.quick-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:0 clamp(20px, 8vw, 120px); background:#fff; border-bottom:1px solid var(--line); }
.quick-item { min-width:0; display:flex; align-items:center; gap:13px; padding:25px 17px; border-right:1px solid var(--line); }
.quick-item:first-child { border-left:1px solid var(--line); }
.quick-symbol { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#f0f5eb; color:#4c7b4c; font-size:17px; flex-shrink:0; }
.quick-item strong,.quick-item small { display:block; }
.quick-item strong { font-size:11px; margin-bottom:5px; }
.quick-item small { font-size:10px; color:#89948b; }
.quick-arrow { margin-left:auto; color:#7c927e; font-size:14px; }
.section { padding:92px clamp(20px, 8vw, 120px); }
.section-soft { background:var(--cream); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin-bottom:37px; }
.section-heading .eyebrow { margin-bottom:12px; }
h2 { font-size:clamp(31px, 3.5vw, 45px); line-height:1.2; margin-bottom:0; }
.section-intro { max-width:360px; margin-bottom:4px; color:var(--muted); font-size:12px; line-height:1.8; }
.guide-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.guide-card { position:relative; background:#fff; border:1px solid #e8ece5; border-radius:8px; padding:27px 25px 24px; min-height:250px; transition:transform .2s,box-shadow .2s; }
.guide-card:hover { transform:translateY(-4px); box-shadow:0 14px 35px #1c41220d; }
.guide-number { position:absolute; right:24px; top:24px; color:#a8b4a9; font:700 11px var(--display); }
.guide-icon { width:47px; height:47px; display:grid; place-items:center; background:#edf4e8; border-radius:13px; color:#437b48; font-size:26px; margin-bottom:25px; }
.guide-card h3,.video-info h3 { font:700 17px var(--display); letter-spacing:-.5px; margin-bottom:10px; }
.guide-card p { font-size:12px; line-height:1.75; color:var(--muted); min-height:43px; margin-bottom:21px; }
.card-link { font-size:11px; color:var(--green); font-weight:800; }
.card-link span { margin-left:10px; font-size:15px; }
.video-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.video-card { padding:0; text-align:left; border:1px solid #e7ebe5; border-radius:8px; background:#fff; overflow:hidden; cursor:pointer; color:inherit; transition:transform .2s,box-shadow .2s; }
.video-card:hover { transform:translateY(-4px); box-shadow:0 15px 35px #173d2112; }
.video-thumb { height:190px; position:relative; overflow:hidden; background:#e5eee0; }
.video-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.video-card:hover .video-thumb img { transform:scale(1.04); }
.video-thumb:after { content:""; position:absolute; inset:0; background:#0a2c1912; }
.play-button { position:absolute; z-index:1; width:46px; height:46px; display:grid; place-items:center; border-radius:50%; color:var(--green); background:#ffffffed; top:50%; left:50%; transform:translate(-50%,-50%); font-size:13px; padding-left:3px; box-shadow:0 5px 20px #0002; }
.video-duration { position:absolute; z-index:1; right:12px; bottom:12px; padding:5px 7px; border-radius:3px; background:#102b1cbb; color:#fff; font-size:10px; }
.video-info { padding:20px 20px 22px; }
.content-tag { color:#658a53; letter-spacing:1.4px; font-size:8px; font-weight:800; display:block; margin-bottom:10px; }
.video-info h3 { font-size:15px; margin-bottom:8px; }
.video-info p { color:var(--muted); font-size:11px; margin-bottom:0; }
.content-note { margin:20px 0 0; font-size:10px; color:#8b958c; }
.article-section { display:grid; grid-template-columns:1fr 1fr; background:#f4f6ef; }
.article-image { min-height:580px; position:relative; overflow:hidden; }
.article-image>img { position:absolute; width:100%; height:100%; object-fit:cover; }
.article-image:after { content:""; position:absolute; inset:0; background:linear-gradient(45deg,#133c26a1,transparent 75%); }
.image-stamp { position:absolute; z-index:1; left:clamp(25px,7vw,100px); bottom:40px; border:1px solid #ffffff9c; padding:15px 19px; color:#fff; letter-spacing:2px; font-size:9px; line-height:1.8; }
.image-stamp strong { font-size:12px; }
.article-copy { padding:80px clamp(25px,7vw,100px); align-self:center; }
.article-copy h2 { margin-bottom:20px; }
.article-copy>p:not(.eyebrow) { font-size:12px; line-height:1.85; color:var(--muted); max-width:440px; }
.article-list { margin-top:28px; border-top:1px solid #dce4d8; }
.article-list>a { display:flex; align-items:center; gap:13px; padding:17px 0; border-bottom:1px solid #dce4d8; }
.article-list-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#e3edd9; color:#4d7c47; flex-shrink:0; }
.article-list>a>span:nth-child(2) { flex:1; }
.article-list strong,.article-list small { display:block; }
.article-list strong { font-size:11px; margin-bottom:5px; }
.article-list small { font-size:10px; color:#7c897e; }
.list-arrow { color:#507b4c; }
.faq-section { background:#fff; }
.faq-layout { display:grid; grid-template-columns:1.55fr .7fr; gap:45px; align-items:start; }
.faq-list { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-item summary { padding:21px 4px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-size:13px; font-weight:700; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-plus { position:relative; width:21px; height:21px; border:1px solid #dbe5d9; border-radius:50%; flex-shrink:0; }
.faq-plus:before,.faq-plus:after { content:""; position:absolute; background:#557d4e; width:8px; height:1px; top:9px; left:6px; }
.faq-plus:after { transform:rotate(90deg); }
.faq-item[open] .faq-plus:after { transform:rotate(0); }
.faq-item p { margin:0; padding:0 35px 22px 4px; color:var(--muted); font-size:12px; line-height:1.85; }
.faq-help { background:var(--green); color:#fff; border-radius:8px; padding:29px; }
.help-icon { width:38px; height:38px; border-radius:50%; display:grid; place-items:center; color:var(--green); background:var(--lime); font-size:20px; margin-bottom:26px; }
.faq-help h3 { font:700 21px var(--display); letter-spacing:-.7px; margin-bottom:10px; }
.faq-help p { color:#d0dfd1; font-size:12px; line-height:1.8; margin-bottom:23px; }
.button-light { background:#fff; color:var(--green); width:100%; justify-content:space-between; }
.contact-section { display:flex; justify-content:space-between; align-items:center; gap:40px; padding:67px clamp(20px,8vw,120px); color:#fff; background:var(--green-dark); }
.eyebrow-light { color:#c0df8e; }
.contact-section h2 { font-size:clamp(34px,4vw,49px); margin-bottom:15px; }
.contact-section h2 em { color:#c4e58d; }
.contact-section>div:first-child>p:last-child { color:#c6d6ca; font-size:12px; }
.contact-actions { width:min(100%,440px); }
.contact-option { display:flex; align-items:center; gap:13px; padding:15px 0; border-bottom:1px solid #ffffff2a; }
.contact-option:last-child { border-bottom:0; }
.contact-icon { width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:#ffffff18; color:#d1e9ad; font-size:18px; }
.contact-option>span:nth-child(2) { flex:1; }
.contact-option small,.contact-option strong { display:block; }
.contact-option small { color:#c3d9c6; font-size:8px; letter-spacing:1.5px; margin-bottom:6px; }
.contact-option strong { font-size:12px; font-weight:600; }
.site-footer { display:flex; align-items:center; gap:25px; padding:24px clamp(20px,8vw,120px); color:#7b887e; font-size:10px; }
.footer-brand { font-size:17px; }
.footer-brand .brand-mark { width:27px; height:27px; font-size:20px; border-radius:9px 9px 9px 3px; }
.site-footer p { margin:0; }
.copyright { margin-left:auto; }
.toast { position:fixed; z-index:50; bottom:20px; left:50%; transform:translate(-50%,20px); padding:12px 18px; max-width:calc(100vw - 32px); border-radius:7px; color:#fff; background:#163d29; font-size:12px; box-shadow:0 8px 25px #0002; opacity:0; pointer-events:none; transition:all .25s; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.modal { position:fixed; inset:0; z-index:60; display:none; align-items:center; justify-content:center; padding:20px; }
.modal.open { display:flex; }
.modal-backdrop { position:absolute; inset:0; background:#0b2016b8; backdrop-filter:blur(4px); }
.modal-panel { position:relative; width:min(100%,400px); border-radius:12px; padding:36px 28px 28px; text-align:center; background:#fff; box-shadow:0 20px 70px #0003; }
.modal-close { position:absolute; top:10px; right:13px; border:0; background:transparent; font-size:27px; color:#69796c; cursor:pointer; }
.modal-play { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 20px; border-radius:50%; background:#e8f1de; color:var(--green); }
.modal-panel h2 { font-size:25px; letter-spacing:-1px; margin-bottom:12px; }
.modal-panel p { font-size:12px; line-height:1.8; color:var(--muted); margin-bottom:22px; }
@media (min-width:1500px) { .hero { padding-top:95px; padding-bottom:95px; } }
@media (max-width:1000px) {
 .hero { padding-top:55px; padding-bottom:55px; grid-template-columns:1fr 1fr; }
 .hero-visual { min-height:350px; }
 .hero-image-wrap { height:330px; }
 .floating-card-top { left:-10px; }
 .floating-card-bottom { right:-10px; }
 .quick-strip { padding-left:20px; padding-right:20px; }
 .quick-item { padding:20px 10px; gap:9px; }
 .section { padding-top:72px; padding-bottom:72px; }
 .article-copy { padding:55px 40px; }
 .article-image { min-height:520px; }
}
@media (max-width:720px) {
 html { scroll-padding-top:72px; }
 .site-header { height:70px; padding:0 20px; }
 .brand { font-size:20px; }
 .menu-toggle { display:block; cursor:pointer; }
 .nav-links { display:none; position:absolute; top:69px; left:0; right:0; padding:12px 20px 22px; background:#fff; border-bottom:1px solid var(--line); box-shadow:0 14px 20px #1539210d; align-items:stretch; gap:0; flex-direction:column; }
 .nav-links.open { display:flex; }
 .nav-links a { padding:14px 4px; }
 .nav-contact { margin-top:7px; text-align:center; }
 .hero { display:flex; flex-direction:column; align-items:stretch; gap:32px; padding:48px 22px 45px; }
 .hero-copy { max-width:none; }
 h1 { font-size:clamp(40px,11vw,57px); letter-spacing:-2px; margin-bottom:18px; }
 .hero-text { font-size:13px; line-height:1.8; }
 .hero-actions { gap:17px; margin-top:24px; }
 .button { padding:14px 16px; gap:13px; }
 .hero-note { margin-top:22px; }
 .hero-visual { min-height:330px; margin:0 7px; }
 .hero-image-wrap { width:82%; height:310px; border-radius:150px 150px 14px 14px; }
 .orbit-one { width:340px; height:340px; }
 .orbit-two { width:385px; height:385px; }
 .floating-card { padding:10px 11px; gap:8px; }
 .floating-card-top { top:32px; left:-5px; }
 .floating-card-bottom { bottom:22px; right:-5px; }
 .floating-card strong { font-size:10px; }
 .floating-card small { font-size:8px; }
 .mini-icon { width:27px; height:27px; }
 .quick-strip { grid-template-columns:1fr 1fr; padding:0 16px; }
 .quick-item { padding:17px 8px; border-bottom:1px solid var(--line); }
 .quick-item:nth-child(odd) { border-left:1px solid var(--line); }
 .quick-item:nth-child(even) { border-right:1px solid var(--line); }
 .quick-item strong { font-size:10px; }
 .quick-item small { font-size:9px; }
 .quick-symbol { width:33px; height:33px; }
 .section { padding:62px 22px; }
 .section-heading { display:block; margin-bottom:27px; }
 .section-heading h2 { font-size:34px; letter-spacing:-1.8px; }
 .section-intro { margin-top:16px; font-size:12px; }
 .guide-grid,.video-grid { grid-template-columns:1fr; gap:13px; }
 .guide-card { min-height:auto; padding:23px; }
 .guide-icon { margin-bottom:18px; }
 .guide-card p { min-height:0; margin-bottom:17px; }
 .video-thumb { height:205px; }
 .video-info { padding:17px 18px 19px; }
 .article-section { grid-template-columns:1fr; }
 .article-image { min-height:330px; }
 .image-stamp { left:22px; bottom:22px; }
 .article-copy { padding:48px 22px 55px; }
 .article-copy h2 { font-size:36px; letter-spacing:-1.8px; }
 .article-list>a { gap:10px; }
 .article-list strong { font-size:10px; }
 .article-list small { font-size:9px; line-height:1.5; }
 .faq-layout { grid-template-columns:1fr; gap:25px; }
 .faq-item summary { font-size:12px; line-height:1.5; padding:18px 2px; }
 .faq-item p { font-size:11px; padding-right:8px; }
 .faq-help { padding:24px; }
 .help-icon { margin-bottom:18px; }
 .contact-section { display:block; padding:49px 22px; }
 .contact-section h2 { font-size:40px; letter-spacing:-2px; }
 .contact-actions { margin-top:28px; }
 .contact-option strong { font-size:11px; }
 .site-footer { padding:22px; flex-wrap:wrap; gap:12px; }
 .site-footer p { width:100%; order:3; }
 .copyright { margin-left:0; width:100%; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; } }


/* AlphaFarms video player */

/* AlphaFarms Video Playback Fix */

.video-thumb video {
    position: relative;
    z-index: 10;
    pointer-events: auto;

    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}