.hero{z-index:2;text-align:center;justify-items:center;gap:12px;padding:36px 0 370px;display:grid;position:relative}.hero h1{font-size:clamp(38px,5vw,64px)}.hero p{max-width:52ch;color:var(--ink);margin:0;font-size:18px}#try{z-index:2;margin-top:-170px;scroll-margin-top:100px;position:relative}@media (max-width:760px){.hero{padding-bottom:290px}#try{margin-top:-100px}}.demos{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.demo{all:unset;cursor:pointer;gap:12px;transition:transform .15s;display:grid}.demo:hover{transform:translateY(-4px)rotate(-1deg)}.demo:nth-child(2n):hover{transform:translateY(-4px)rotate(1deg)}.demo .reel{box-shadow:var(--sh)}.demo .t{font-size:16px;font-weight:700;line-height:1.3}.demo .s{font-family:var(--f-mono);color:var(--ink-2);font-size:13px}.demo .pl{background:var(--butter);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:820px){.demos{grid-template-columns:repeat(2,minmax(0,1fr))}}.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.how .card{align-content:start;gap:12px;padding:28px;display:grid}.how .n{border:var(--b);width:48px;height:48px;font-family:var(--f-head);background:var(--c);border-radius:50%;place-items:center;font-size:22px;display:grid}.how h3{font-size:26px}.how p{color:var(--ink-2);margin:0}@media (max-width:820px){.how{grid-template-columns:1fr}}.price{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.price .card{align-content:start;gap:16px;padding:30px;display:grid}.price .card.hl{background:var(--butter);transform:rotate(-1deg)}.price h3{font-size:28px}.price .amt{font-family:var(--f-head);font-size:48px;line-height:1}.price .amt small{font-family:var(--f-body);color:var(--ink-2);font-size:16px}.price .yr{font-family:var(--f-mono);color:var(--ink-2);margin-top:-8px;font-size:13px}.price ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.price li{gap:10px;display:flex}.price li:before{content:"";border:2px solid var(--ink);background:var(--meadow);border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:8px}.price .btn{margin-top:6px}@media (max-width:820px){.price{grid-template-columns:1fr}.price .card.hl{transform:none}}.faq{gap:12px;max-width:760px;margin:0 auto;display:grid}.faq details{background:var(--white);border:var(--b);border-radius:20px;padding:18px 22px}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:18px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--f-head);font-size:24px;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2);margin:12px 0 0}
