/* Gone — styles specific to this page. Shared components: base/app/app-landing. */
.flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin: 56px 0 0; padding: 0; list-style: none; }
.ftr-cred { font-size: 15px; color: var(--ink-2); margin: 0; }
.rel { padding: 88px 0; }
.req-title { margin-bottom: 40px; }
@media (max-width: 960px) {
  .flow { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .flow .step { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 0 32px; }
}
@media (max-width: 640px) { .flow .step { display: block; } }

.shot{display:block;width:100%;height:auto;border-radius:1.3%/1.87%;box-shadow:0 30px 60px -30px rgba(23,23,23,.45),0 0 0 1px rgba(23,23,23,.08),0 2px 6px rgba(23,23,23,.06)}
.g-hero-v figure,.g-fig{margin:0}
.g-fig figcaption{margin-top:14px;font-size:15px;color:var(--ink-2)}
.badge-btn{font:inherit;cursor:pointer;background:none;border:0;padding:0;border-radius:12px;display:inline-flex;line-height:0;min-height:44px}
.badge-btn img{height:56px;width:auto;display:block}
.badge-btn:hover img{filter:brightness(1.25)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.split.rev>.txt{order:2}
.checks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start;font-size:17px;color:var(--ink-2)}
.checks .ic{margin-top:4px;color:var(--ink)}
.note-s{font-size:15px;color:var(--ink-2);margin:20px 0 0;padding:12px 14px;border-radius:12px;background:#F3F3EF;border:1px solid var(--line);display:flex;gap:10px;align-items:flex-start}
.pts{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:22px}
.pt{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.pt-ic{width:44px;height:44px;border-radius:12px;background:var(--hover-bg);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.pt h3{font-size:19px;letter-spacing:-.01em;font-weight:650;margin:2px 0 4px}
.pt p{margin:0;font-size:16px;color:var(--ink-2)}
.techs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin:48px 0 0;padding:0;list-style:none}
.tech{border-top:1px solid var(--ink);padding:22px 0 34px}
.tech h3{font-size:20px;letter-spacing:-.015em;font-weight:650;margin:0 0 8px}
.tech p{margin:0;font-size:16px;color:var(--ink-2)}
.tech small{display:block;margin-top:8px;font-size:14px;color:var(--ink-3)}
@media (max-width: 960px){
  .split,.split.rev{grid-template-columns:minmax(0,1fr);gap:40px}
  .split.rev>.txt{order:0}
  .techs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .badge-btn img{height:52px}
  .techs{grid-template-columns:minmax(0,1fr)}
  .tech{padding:18px 0 24px}
}
.g-hero-v{position:relative}
.stamp{position:absolute;z-index:3;width:172px;height:172px;right:-40px;top:-108px;transform:rotate(-12deg);pointer-events:none}
.stamp-svg{display:block;width:100%;height:100%;overflow:visible}
.final-stamp{width:156px;height:156px;margin:-4px auto 18px;transform:rotate(-8deg)}
@media (max-width: 960px){.stamp{width:136px;height:136px;right:-6px;top:-84px}}
@media (max-width: 640px){.stamp{width:104px;height:104px;right:-4px;top:-66px}.final-stamp{width:128px;height:128px}}
.cmp{margin:0}
.cmp-media{position:relative}
.cmp-band{position:absolute;left:0;right:0;top:16.3816%;height:74.707%}
.cmp-after{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}
.cmp-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--surface);box-shadow:0 0 0 1px rgba(23,23,23,.25);pointer-events:none}
.cmp-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.cmp-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}
.cmp-range:focus-visible + .cmp-line .cmp-knob{outline:3px solid var(--ink);outline-offset:3px}
.cmp-tag{position:absolute;top:10px;font-size:12px;font-weight:600;color:var(--surface);background:rgba(23,23,23,.72);border-radius:999px;padding:3px 10px;pointer-events:none}
.cmp-tag.l{left:10px}.cmp-tag.r{right:10px}
.cmp-hint{margin:14px 0 0;font-size:15px;color:var(--ink-2);display:flex;align-items:center;gap:8px}

.btn-s, .faq-b { letter-spacing: normal; }
.cmp-range { direction: ltr; touch-action: pan-y; }
.final-stamp { pointer-events: none; }
@media (max-width: 640px) { .cta-row .badge-btn { width: 100%; justify-content: center; } }
