.hero{padding:70px 24px 46px;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}
.hero h1{line-height:1.15}
.hero .lead{margin-top:22px;max-width:570px}
.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-art{min-width:0;max-width:440px;width:100%;justify-self:end}
.hero-art svg{display:block;width:100%;height:auto}
.home-explore{border-top:1px solid var(--line)}
.home-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
.feature-card{display:flex;flex-direction:column;min-width:0;transition:border-color .15s,background .15s}
.feature-card:hover{border-color:#707b38;background:#151711}
.feature-card:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.feature-number{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--mut)}
.feature-card h3{margin:20px 0 10px;font-size:20px}
.feature-card p{font-size:13.5px;line-height:1.8;color:var(--tx2);margin-bottom:24px}
.feature-link{display:flex;justify-content:space-between;gap:8px;margin-top:auto;font-size:12px;color:var(--lime)}
.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.home-text-link{color:var(--lime);font-size:13px;white-space:nowrap}
.history-card{margin-top:24px;padding:26px}
.history-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--tx2);margin-bottom:16px}
.history-head small{color:var(--mut);font-size:11px;margin-left:10px}
#home-nav-asof{font-family:var(--mono);font-size:11px;color:var(--mut)}
.home-nav-chart{height:260px;width:100%}
.home-nav-chart svg{display:block;width:100%;height:100%}
.home-data-message{height:100%;display:grid;place-items:center;color:var(--mut);font-size:13px}
.home-nav-range{font-family:var(--mono);font-size:11px;color:var(--mut);margin-top:10px}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;background:var(--bg2)}
.plan.pro{border-color:var(--lime);background:linear-gradient(180deg,rgba(233,251,112,.06),transparent)}
.plan .pt{font-family:var(--mono);font-size:13px;color:var(--mut)}
.plan .pt.lime{color:var(--lime)}
.plan .price{font-size:38px;font-weight:700;margin:8px 0 2px;letter-spacing:-1px}
.plan .price small{font-size:14px;color:var(--mut);font-weight:400;margin-left:6px}
.plan ul{list-style:none;margin:18px 0 24px}
.plan li{padding:10px 0;font-size:13.5px;color:var(--tx2);border-top:1px solid var(--line);display:flex;gap:8px}
.plan li::before{content:'›';color:var(--lime)}
.plan .btn{width:100%;margin-top:auto}
.trial-note{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;font-size:13px;color:var(--mut)}
.trial-note b{color:var(--tx2);font-weight:500}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.quote{border:1px solid var(--line);border-radius:var(--r);padding:20px;background:var(--bg2)}
.quote p{font-size:14px;color:var(--tx2);line-height:1.65}
.quote .who{font-family:var(--mono);font-size:12px;color:var(--mut);margin-top:14px}
.home-faq-list{margin-top:24px}
.faq{border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden;background:var(--bg2)}
.faq summary{padding:16px 18px;cursor:pointer;font-weight:600;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';flex:0 0 auto;color:var(--lime);font-size:18px}
.faq[open] summary::after{content:'−'}
.faq p{padding:0 18px 16px;color:var(--tx2);font-size:13.5px;line-height:1.8}
.faq p a{color:var(--lime)}
@media(max-width:1000px){.home-features{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}.hero h1{font-size:46px}}
@media(max-width:860px){.hero{padding-top:46px;grid-template-columns:1fr;gap:18px}.hero h1{font-size:38px}.hero-art{max-width:340px;justify-self:center}.plans,.quotes{grid-template-columns:1fr}.hero .lead{max-width:none}}
@media(max-width:520px){.hero{padding-bottom:30px}.hero-art{max-width:270px}.home-features{grid-template-columns:1fr}.history-card{padding:18px}.home-nav-chart{height:220px}.home-section-head{align-items:flex-start}.trial-note{align-items:flex-start}}
