.d-wrap{z-index:1;max-width:1180px;margin:0 auto;padding:0 28px;position:relative}.d-nav{align-items:center;gap:12px;height:76px;display:flex}.d-nav b{font-family:var(--display);font-size:18px;font-weight:700}.d-badge{color:#4ade80;background:#34c7791f;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.d-hero{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:56px;padding:40px 0 70px;display:grid}.d-kicker{letter-spacing:.08em;color:#b4b4ff;text-transform:uppercase;font-size:13px;font-weight:700}.d-h1{font-family:var(--display);letter-spacing:-.035em;margin:16px 0 18px;font-size:54px;font-weight:700;line-height:1.04}.d-h1 em{background:linear-gradient(135deg,#ffc54a,#ffa514);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.d-lead{color:var(--muted);max-width:560px;font-size:18px;line-height:1.55}.d-cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.d-cta .btn{border-radius:14px;height:50px;padding:0 22px;font-size:15.5px}.phone{background:linear-gradient(160deg,#2a2a3a,#0c0c14);border-radius:62px;justify-self:center;width:404px;height:846px;padding:14px;position:relative;box-shadow:0 0 0 1.5px #3a3a50,0 50px 120px -30px #5b5bf78c,0 30px 60px #0009}.phone iframe{background:#05050a;border:0;border-radius:0 0 48px 48px;width:376px;height:764px;display:block}.phone-status{color:#0b0b14;letter-spacing:.02em;background:#f2f2f7;border-radius:48px 48px 0 0;justify-content:space-between;align-items:center;height:54px;padding:6px 34px 0 40px;font-size:15px;font-weight:600;display:flex}.phone-status span:last-child{letter-spacing:1px;font-size:10px}@media (prefers-color-scheme:dark){.phone-status{color:#f4f4fa;background:#05050a}}.phone:before{content:"";z-index:2;pointer-events:none;background:#000;border-radius:20px;width:118px;height:34px;position:absolute;top:25px;left:50%;transform:translate(-50%)}.phone-switch{justify-content:center;gap:6px;margin-top:18px;display:flex}.d-sec{padding:46px 0}.d-h2{font-family:var(--display);letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:700}.creds{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;display:grid}.cred{flex-direction:column;gap:14px;padding:20px;display:flex}.cred .role{align-items:center;gap:10px;display:flex}.cred .role b{font-size:15px;display:block}.cred .role span{color:var(--muted);font-size:12.5px}.kv{background:var(--s1);border:1px solid var(--line);height:38px;font-family:var(--mono);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:0 6px 0 12px;font-size:14px;display:flex}.kv small{font-family:var(--sans);color:var(--faint);margin-right:8px;font-size:11.5px}.kv button{color:var(--muted);font-family:var(--sans);border-radius:7px;padding:5px 8px;font-size:12px;font-weight:600}.kv button:hover{color:#fff;background:#ffffff0f}.cred .what{color:var(--muted);flex:1;font-size:13.5px;line-height:1.5}.steps{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px;display:grid}.step{gap:16px;padding:22px;display:flex}.step .n{width:34px;height:34px;font-family:var(--display);background:var(--brand-soft);color:#b9b9ff;border-radius:11px;flex:none;place-items:center;font-weight:700;display:grid}.step h4{margin:4px 0 6px;font-size:16px}.step p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.feat{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:26px;display:grid}.feat>div{border-bottom:1px solid var(--line);padding:22px 22px 22px 0}.feat h4{align-items:center;gap:8px;margin:0 0 6px;font-size:15.5px;display:flex}.feat h4 i{border-radius:3px;width:8px;height:8px;display:inline-block}.feat p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.qr-card{align-items:center;gap:24px;padding:24px;display:flex}.qr-card .qr{background:#fff;border-radius:14px;flex:none;padding:10px}.d-foot{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding:26px 0 40px;font-size:13px;display:flex}@media (max-width:1080px){.d-hero{grid-template-columns:1fr}.phone,.phone-switch{display:none}.creds{grid-template-columns:1fr 1fr}}@media (max-width:700px){.d-wrap{padding:0 18px}.d-h1{font-size:38px}.creds,.steps,.feat{grid-template-columns:1fr}.qr-card .qr{display:none}}
