/* FoldRemote one-pager: homepage strip, price cards, FAQ details, use-cases page */
.hp .sec{padding-top:80px;padding-bottom:80px}
.hp .sh{margin-bottom:36px}
.hp .sh h2{font-size:clamp(32px,3.4vw,46px)}
.hero.hv .next{margin-top:22px;color:#E4E7EF;font-size:15px;line-height:1.45;max-width:40ch}
.hero.hv .next+.offer{margin-top:14px}
.how1 .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g);align-items:start}
.how1 .media{grid-column:1/8}
.how1 .hsteps{grid-column:8/-1}
.hsteps ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}
.hsteps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--rule)}
.hsteps .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--card);font:500 12px/1 var(--mono)}
.hsteps h3{font:620 19px/1.25 var(--sans);letter-spacing:-.015em;margin:2px 0 4px}
.hsteps p{color:var(--ink-2);font-size:15px;line-height:1.45}
.hsteps .note{margin-top:16px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.hsteps .more{margin-top:18px}
.pr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g)}
.pr-card{display:flex;flex-direction:column;gap:18px;background:var(--card);border:1px solid var(--rule-2);border-radius:12px;padding:24px 28px}
.pr-card.pro{border-color:var(--ink);box-shadow:inset 0 3px 0 var(--accent)}
.pr-card>.mono{margin:0}
.pr-prices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pr-prices li{display:flex;flex-direction:column;gap:6px;min-width:0}
.pr-card:not(.pro) .pr-prices{grid-template-columns:1fr}
.pr-prices b{font:620 clamp(22px,2.8vw,40px)/1 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.pr-prices span{font-size:14px;line-height:1.3;color:var(--ink-2)}
.pr-dl{margin:auto 0 0;border-top:1px solid var(--rule)}
.pr-dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--rule)}
.pr-dl dt{font:500 12px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.pr-dl dd{margin:0;font-size:16px;line-height:1.4;color:var(--ink)}
.pr-card.pro .pr-dl dd strong{color:var(--accent-ink);font-weight:620}
.pr-fn{margin:-6px 0 0;font-size:14px;line-height:1.4;color:var(--accent-ink)}
.faqd{border-top:1px solid var(--ink)}
.faqd details{border-bottom:1px solid var(--rule)}
.faqd summary{list-style:none;cursor:pointer;position:relative;padding:20px 44px 20px 0;font:620 19px/1.3 var(--sans);letter-spacing:-.015em}
.faqd summary::-webkit-details-marker{display:none}
.faqd summary::after{content:"+";position:absolute;right:6px;top:17px;font:400 24px/1 var(--mono);color:var(--ink-2)}
.faqd details[open] summary::after{content:"\2212"}
.faqd summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.faqd details p{padding:0 44px 22px 0;color:var(--ink-2);font-size:16px;max-width:44em}
.faqgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 var(--g)}
.faqgrid>*{grid-column:4/-1}
.uc{display:grid;gap:0;border-top:1px solid var(--ink)}
.uc article{display:grid;grid-template-columns:minmax(0,720px) minmax(0,1fr);gap:40px;align-items:center;padding:36px 0;border-bottom:1px solid var(--rule)}
.uc figure{margin:0;border-radius:12px;overflow:hidden;background:#cfcfca;aspect-ratio:1672/941}
.uc figure img{display:block;width:100%;height:100%;object-fit:cover}
.uc h2{font:620 clamp(24px,2.3vw,32px)/1.1 var(--sans);letter-spacing:-.03em;margin:12px 0 10px;text-wrap:balance}
.uc p{color:var(--ink-2);font-size:17px;max-width:32em}
@media (max-width:900px){
.hp .sec{padding-top:48px;padding-bottom:48px}
.hp .sh{margin-bottom:24px}
.how1 .grid{grid-template-columns:1fr;gap:20px}
.how1 .media,.how1 .hsteps{grid-column:1/-1}
.how1 .media figcaption{margin-top:8px;font-size:13px}
.hsteps li{padding:14px 0}
.hsteps h3{font-size:18px}
.pr-card{padding:20px 22px}
.pr-dl div{grid-template-columns:118px minmax(0,1fr)}
.pr-dl dd{font-size:15px}
.faqgrid{grid-template-columns:1fr}
.faqgrid>*{grid-column:1/-1}
.faqd summary{font-size:17px;padding:16px 40px 16px 0}
.faqd details p{padding-right:0;font-size:15px}
.uc article{grid-template-columns:1fr;gap:16px;padding:28px 0}
.uc p{font-size:16px}
}
.fs{padding-top:36px;padding-bottom:40px;border-bottom:1px solid var(--rule)}
.fs-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:18px}
.fs-hd h2{font:620 24px/1.15 var(--sans);letter-spacing:-.02em}
.fs-hd .more{margin-top:0;white-space:nowrap}
.fs-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g);justify-content:center}
.fs-item{min-width:0;margin:0}
.fs-tile{display:block;color:inherit;text-decoration:none}
.fs-img{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--rule-2);background:#0D0D0E}
.fs-img img{display:block;width:100%;height:auto;aspect-ratio:var(--ar);object-fit:cover}
.fs-cap{display:block;margin-top:10px;font-size:14px;line-height:1.4;color:var(--ink-2)}
.fs-cap b{display:block;font:620 16px/1.25 var(--sans);letter-spacing:-.01em;color:var(--ink);margin-bottom:3px}
a.fs-tile:hover b{text-decoration:underline;text-underline-offset:3px}
a.fs-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}
.fs-row:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:10px}
@media (max-width:700px){
.fs{padding-top:32px;padding-bottom:32px}
.fs-hd{margin-bottom:14px;flex-direction:column;align-items:flex-start;gap:4px}
.fs-hd h2{font-size:21px}
.fs-row{display:flex;justify-content:flex-start;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:calc(-1*clamp(20px,3.4vw,40px));margin-right:calc(-1*clamp(20px,3.4vw,40px));padding:0 clamp(20px,3.4vw,40px) 2px;scroll-padding:0 clamp(20px,3.4vw,40px)}
.fs-row::-webkit-scrollbar{display:none}
.fs-item{flex:0 0 78vw;scroll-snap-align:start}
.fs-cap{font-size:13px}
.fs-cap b{font-size:15px}
.pr-grid{grid-template-columns:1fr;gap:12px}
.pr-card{padding:18px;gap:14px}
.pr-prices{gap:8px}
.pr-prices span{font-size:13px}
.pr-dl div{padding:9px 0}
.pr-fn{margin-top:-4px;font-size:13px}
}