.lhero{max-width:1200px;margin:0 auto;min-height:100vh;padding:120px 20px 80px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow{display:inline-block;padding:6px 14px;border-radius:99px;border:1px solid var(--edge);background:var(--glass);font-size:13px;font-weight:600;color:var(--mut);margin-bottom:22px}
.lhero h1{font-size:clamp(40px,6vw,76px);letter-spacing:-2.5px;line-height:1.02;margin:0 0 22px}
.lhero .sub{max-width:520px;margin:0}
.lhero .cta{justify-content:flex-start}
.mini-trust{display:flex;gap:40px;margin-top:44px}
.mini-trust div{display:flex;flex-direction:column}
.mini-trust b{font-family:'Space Grotesk',sans-serif;font-size:24px}
.mini-trust span{font-size:13px;color:var(--mut)}
.mock{border-radius:16px;border:1px solid var(--edge);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:0 30px 80px -30px rgba(255,59,59,.35),inset 0 1px 0 rgba(255,255,255,.1);overflow:hidden;animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-10px)}}
.mockbar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.35)}
.mockbar i{width:10px;height:10px;border-radius:50%;background:#3a3a42}
.mockbar span{margin-left:10px;font-size:13px;font-weight:600;color:var(--mut)}
.mockbody{padding:20px;display:flex;flex-direction:column;gap:10px}
.mrow{display:flex;justify-content:space-between;padding:13px 16px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line);font-size:14px}
.mrow span{color:var(--mut)}
.mrow b{color:#34d399;font-weight:600}
.mbtn{margin-top:8px;text-align:center;padding:14px;border-radius:10px;font-weight:700;background:linear-gradient(120deg,var(--a),var(--a2))}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.step{padding:28px;border-radius:14px;border:1px solid var(--edge);background:var(--glass);counter-increment:s;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
.step:hover{transform:translateY(-6px);border-color:rgba(255,59,59,.45)}
.step::before{content:"0" counter(s);font-family:'Space Grotesk',sans-serif;font-size:40px;font-weight:700;color:var(--a);display:block;margin-bottom:12px}
.step h3{margin-bottom:6px;font-size:19px}
.step p{color:var(--mut);font-size:15px}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin:0 auto}
.card.hot{border-color:rgba(255,59,59,.55)}
.card .len{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;margin-bottom:4px}
.card .big{font-family:'Space Grotesk',sans-serif;font-size:44px;font-weight:700;letter-spacing:-1px;margin-bottom:18px}
.card .btns{margin-top:auto}
.card .btns .btn{flex:1;justify-content:center}
.card ul{flex:0 0 auto}
@media(max-width:900px){.lhero{grid-template-columns:1fr;padding-top:110px}.steps,.cards{grid-template-columns:1fr}}
.about{max-width:720px}
.about h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,5vw,48px);letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}
.about p{color:var(--mut);font-size:18px;margin-bottom:18px}
.how{list-style:none;counter-reset:n;margin-top:32px;border-top:1px solid var(--line)}
.how li{counter-increment:n;display:flex;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);color:var(--mut);font-size:17px}
.how li::before{content:counter(n);font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--a);width:20px}
.how b{color:var(--text)}
.lhero{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:auto;padding:150px 20px 90px;gap:56px}
.lhero .ltext{display:flex;flex-direction:column;align-items:center}
.lhero .sub{margin:0 auto}
.lhero .cta{justify-content:center}
.lhero h1{font-size:clamp(42px,7vw,88px);max-width:900px}
.mock{width:min(520px,100%);text-align:left}
.note{font-size:14px!important;padding:14px 16px;border-left:2px solid var(--a);background:var(--panel);border-radius:0 8px 8px 0;margin-top:26px}
.foot{flex-wrap:wrap}
.foot .disc{flex-basis:100%;font-size:13px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:4px}
.lhero{display:block;min-height:auto;padding:160px 20px 80px;text-align:center}
.lhero .sub{margin:0 auto}
.lhero .cta{justify-content:center}