/* Seeder /protect-your-seed landing page */
body.protect-seed-page{
  --pys-bg:#020914;
  --pys-bg-deep:#01050d;
  --pys-panel:rgba(8,22,45,.58);
  --pys-panel-strong:rgba(9,27,56,.82);
  --pys-line:rgba(91,157,255,.18);
  --pys-line-strong:rgba(49,143,255,.38);
  --pys-blue:#1683ff;
  --pys-blue-soft:#5aa7ff;
  --pys-text:#f5f9ff;
  --pys-muted:#9eb2ca;
  background:
    radial-gradient(circle at 78% 8%,rgba(22,131,255,.15),transparent 28rem),
    radial-gradient(circle at 8% 42%,rgba(25,92,190,.09),transparent 32rem),
    linear-gradient(180deg,var(--pys-bg-deep),var(--pys-bg));
  color:var(--pys-text);
  overflow-x:hidden;
}

.protect-seed-page *{box-sizing:border-box}
.protect-seed-page main{overflow:hidden}
.protect-seed-page a{text-underline-offset:3px}

.pys-header{
  position:sticky;
  top:0;
  z-index:2000;
  background:rgba(2,9,20,.86);
  border-bottom:1px solid rgba(73,134,219,.13);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.pys-header-inner{
  min-height:72px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
}
.pys-brand{display:inline-flex;align-items:center;width:max-content}
.pys-brand img{display:block;width:132px;height:auto}
.pys-menu-toggle{
  width:44px;height:44px;padding:0;border:1px solid var(--pys-line-strong);
  border-radius:12px;background:rgba(9,28,58,.72);display:grid;place-content:center;gap:5px;cursor:pointer
}
.pys-menu-toggle span{display:block;width:20px;height:2px;border-radius:10px;background:#dcecff}
.pys-nav{
  grid-column:1/-1;
  display:none;
  padding:4px 0 18px;
}
.pys-header.menu-open .pys-nav{display:grid;gap:7px}
.pys-nav a{
  display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border-radius:10px;
  color:#d8e8fb;text-decoration:none;font-weight:700
}
.pys-nav a:not(.btn):hover{background:rgba(22,131,255,.09);color:#fff}
.pys-nav .btn{margin-top:4px}

.pys-section{position:relative;padding:82px 0}
.pys-section::before{
  content:"";position:absolute;left:50%;top:0;width:min(1180px,calc(100% - 40px));height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--pys-line),transparent)
}
.pys-hero{padding:54px 0 76px;min-height:calc(100vh - 72px);display:flex;align-items:center}
.pys-hero::before{display:none}
.pys-hero-grid{display:grid;gap:38px;align-items:center}
.pys-kicker{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#78b4ff}
.pys-kicker::before{content:"";width:22px;height:1px;background:var(--pys-blue)}
.pys-hero h1{
  margin:14px 0 18px;font-size:clamp(48px,13vw,72px);line-height:.98;letter-spacing:-.05em;max-width:760px
}
.pys-lead{max-width:680px;font-size:clamp(18px,4.7vw,23px);line-height:1.58;color:#c7d8ea;margin:0}
.pys-supporting{margin:22px 0 0;font-size:18px;line-height:1.55;color:#fff;font-weight:750}
.pys-actions{display:flex;flex-direction:column;gap:12px;margin-top:28px}
.pys-actions .btn{min-height:50px;justify-content:center;text-align:center}
.pys-secondary-link{border-color:rgba(107,158,230,.31)!important;background:rgba(9,23,46,.42)!important}
.pys-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pys-trust span{padding:8px 11px;border:1px solid var(--pys-line);border-radius:999px;color:#afc5dc;font-size:13px;background:rgba(5,18,38,.55)}

.pys-hero-visual{position:relative;min-height:420px;display:grid;place-items:center}
.pys-hero-visual::before{
  content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:rgba(22,131,255,.16);filter:blur(65px)
}
.pys-hero-orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid rgba(62,139,239,.16);border-radius:50%;animation:pysOrbit 22s linear infinite}
.pys-hero-orbit::before,.pys-hero-orbit::after{content:"";position:absolute;width:7px;height:7px;background:#398fff;border-radius:50%;box-shadow:0 0 22px #1683ff}
.pys-hero-orbit::before{top:12%;left:17%}.pys-hero-orbit::after{right:5%;bottom:35%}
.pys-app-shot{position:relative;z-index:2;display:block;max-width:min(100%,520px);max-height:650px;object-fit:contain;filter:drop-shadow(0 34px 80px rgba(0,40,104,.48))}

.pys-heading{max-width:860px;margin-bottom:38px}
.pys-heading h2{margin:10px 0 16px;font-size:clamp(38px,10vw,64px);line-height:1.04;letter-spacing:-.045em}
.pys-heading p{margin:0;max-width:760px;color:var(--pys-muted);font-size:18px;line-height:1.7}
.pys-blue{color:var(--pys-blue)}

.pys-problem-grid{display:grid;gap:34px;align-items:center}
.pys-problem-copy{font-size:18px;line-height:1.75;color:#b7c9dc}
.pys-problem-copy strong{color:#fff}
.pys-wallet-map{display:grid;gap:12px;padding:20px 0}
.pys-wallet-row{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:center;gap:9px}
.pys-wallet-node,.pys-seed-node{min-height:66px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--pys-line);background:linear-gradient(145deg,rgba(10,27,55,.86),rgba(5,13,29,.76));font-weight:800;letter-spacing:.08em;font-size:12px}
.pys-seed-node{border-color:rgba(22,131,255,.32);box-shadow:inset 0 0 28px rgba(22,131,255,.06)}
.pys-wallet-line{height:1px;background:linear-gradient(90deg,rgba(111,151,205,.2),#1683ff);position:relative}
.pys-wallet-line::after{content:"";position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-radius:50%;background:#1683ff;box-shadow:0 0 12px #1683ff}

.pys-flow{display:grid;gap:18px;position:relative}
.pys-flow-card{position:relative;padding:24px 22px;border-left:1px solid rgba(22,131,255,.45);background:linear-gradient(90deg,rgba(11,34,70,.52),transparent 86%)}
.pys-flow-index{font-size:12px;font-weight:900;letter-spacing:.16em;color:#6facff}
.pys-flow-card h3{margin:8px 0 10px;font-size:24px;letter-spacing:-.02em}
.pys-flow-card p{margin:0;color:#adc1d7;line-height:1.65}
.pys-flow-card img{display:block;width:100%;max-height:260px;object-fit:contain;margin:18px auto 0;border-radius:16px}
.pys-flow-arrow{height:32px;display:grid;place-items:center;color:#4f9dff;font-size:26px}
.pys-flow-note{margin:30px auto 0;max-width:740px;text-align:center;color:#b8cce0;line-height:1.65}
.pys-center-action{display:flex;justify-content:center;margin-top:28px}

.pys-offline-grid{display:grid;gap:36px;align-items:start}
.pys-offline-story{display:grid;gap:14px}
.pys-phone-card{position:relative;padding:16px;border:1px solid var(--pys-line);border-radius:22px;background:rgba(5,16,34,.62)}
.pys-phone-card img{display:block;width:100%;max-height:480px;object-fit:contain}
.pys-phone-card small{display:block;margin-top:10px;color:#8fa8c1;text-align:center}
.pys-reset-step{padding:22px;border:1px solid rgba(22,131,255,.34);border-radius:22px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(22,131,255,.16),rgba(5,16,34,.62) 66%)}
.pys-reset-icon{width:66px;height:66px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;border:1px solid #2589ff;color:#fff;font-size:28px;box-shadow:0 0 30px rgba(22,131,255,.18)}
.pys-reset-step strong{display:block;font-size:20px}.pys-reset-step span{display:block;color:#9eb4cc;margin-top:6px}
.pys-offline-copy p{color:#b1c4d8;line-height:1.72;font-size:17px}
.pys-offline-copy h3{font-size:30px;margin:0 0 12px}
.pys-offline-path{display:grid;gap:0;margin:26px 0;border-left:1px solid rgba(22,131,255,.34)}
.pys-offline-path span{position:relative;padding:10px 0 10px 22px;color:#dceaff;font-weight:750}
.pys-offline-path span::before{content:"";position:absolute;left:-4px;top:17px;width:7px;height:7px;border-radius:50%;background:#1683ff;box-shadow:0 0 13px #1683ff}
.pys-inline-note{padding:16px 18px;border-radius:16px;background:rgba(22,131,255,.07);border:1px solid rgba(22,131,255,.17);color:#b9cde1;line-height:1.6}

.pys-independence{display:grid;gap:24px}
.pys-feature-half{padding:28px 0}
.pys-feature-half + .pys-feature-half{border-top:1px solid var(--pys-line)}
.pys-feature-half h3{font-size:clamp(30px,8vw,44px);line-height:1.06;letter-spacing:-.035em;margin:0 0 14px}
.pys-feature-half p{color:#aec2d7;line-height:1.7;font-size:17px}
.pys-device-visual{max-width:470px;width:100%;display:block;margin:20px auto 0;object-fit:contain}
.pys-key-message{margin-top:18px;font-size:20px!important;color:#f5f9ff!important;font-weight:800}
.pys-password-mark{width:76px;height:76px;border:1px solid rgba(22,131,255,.48);border-radius:24px;display:grid;place-items:center;font-size:31px;margin-bottom:20px;background:rgba(22,131,255,.08);box-shadow:inset 0 0 30px rgba(22,131,255,.07)}

.pys-wallets-stage{display:grid;gap:32px;align-items:center}
.pys-wallets-copy h3{font-size:clamp(34px,9vw,52px);line-height:1.04;margin:0 0 14px;letter-spacing:-.04em}
.pys-wallets-copy p{font-size:18px;line-height:1.7;color:#b0c4d8}
.pys-one-or-twenty{font-size:clamp(44px,12vw,72px);font-weight:900;line-height:1;letter-spacing:-.05em;margin:24px 0;color:#fff}
.pys-wallet-cloud{position:relative;min-height:340px}
.pys-wallet-cloud .pys-cloud-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:34px;display:grid;place-items:center;text-align:center;border:1px solid #1683ff;background:rgba(6,24,53,.92);font-weight:900;box-shadow:0 0 55px rgba(22,131,255,.16);z-index:2}
.pys-wallet-cloud .pys-cloud-item{position:absolute;width:110px;height:64px;border:1px solid var(--pys-line);border-radius:16px;display:grid;place-items:center;background:rgba(5,16,34,.82);font-size:12px;font-weight:800;letter-spacing:.08em;color:#bcd0e4}
.pys-cloud-item:nth-child(2){left:2%;top:12%}.pys-cloud-item:nth-child(3){right:0;top:8%}.pys-cloud-item:nth-child(4){left:0;bottom:7%}.pys-cloud-item:nth-child(5){right:3%;bottom:13%}.pys-cloud-item:nth-child(6){left:50%;top:0;transform:translateX(-50%)}
.pys-wallet-cloud::before,.pys-wallet-cloud::after{content:"";position:absolute;inset:14% 18%;border:1px solid rgba(22,131,255,.15);border-radius:50%;transform:rotate(18deg)}
.pys-wallet-cloud::after{inset:22% 9%;transform:rotate(-16deg)}

.pys-hw-grid{display:grid;gap:30px;align-items:center}
.pys-hw-copy h2{font-size:clamp(36px,9vw,58px);line-height:1.04;margin:0 0 16px;letter-spacing:-.045em}
.pys-hw-copy p{font-size:18px;line-height:1.7;color:#adc1d7}
.pys-hw-visual{position:relative}
.pys-hw-visual img{display:block;width:100%;max-height:520px;object-fit:contain;filter:drop-shadow(0 28px 55px rgba(0,40,95,.35))}
.pys-concept-badge{position:absolute;right:8%;bottom:7%;padding:9px 12px;border-radius:12px;border:1px solid rgba(80,145,236,.34);background:rgba(2,9,20,.84);font-size:12px;font-weight:800;color:#bfd5eb}

.pys-faq{display:grid;gap:10px;max-width:920px}
.pys-faq details{border-bottom:1px solid rgba(73,127,196,.22);padding:0}
.pys-faq summary{list-style:none;cursor:pointer;padding:20px 46px 20px 0;position:relative;font-weight:800;font-size:18px;color:#eef6ff}
.pys-faq summary::-webkit-details-marker{display:none}
.pys-faq summary::after{content:"+";position:absolute;right:8px;top:16px;font-size:28px;font-weight:400;color:#5aa7ff;transition:transform .2s ease}
.pys-faq details[open] summary::after{transform:rotate(45deg)}
.pys-faq-answer{padding:0 44px 20px 0;color:#aebfd2;line-height:1.7}

.pys-final{padding-bottom:110px}
.pys-final-panel{padding:38px 22px;border:1px solid rgba(22,131,255,.22);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(22,131,255,.18),rgba(4,13,29,.78) 52%,rgba(3,10,22,.9));text-align:center}
.pys-final-panel h2{font-size:clamp(38px,10vw,64px);line-height:1.02;margin:0 auto 18px;max-width:820px;letter-spacing:-.045em}
.pys-final-panel p{max-width:650px;margin:0 auto;color:#b2c7dc;line-height:1.7;font-size:18px}
.pys-final-panel .pys-actions{max-width:330px;margin-left:auto;margin-right:auto}

.protect-seed-page .footer{margin-top:0}

@keyframes pysOrbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pys-hero-orbit{animation:none}.protect-seed-page *{scroll-behavior:auto!important;transition:none!important}}

@media (min-width:680px){
  .pys-actions{flex-direction:row;align-items:center}.pys-actions .btn{min-width:190px}
  .pys-offline-story{grid-template-columns:1fr .7fr 1fr;align-items:center}
  .pys-reset-step{align-self:center}
  .pys-final-panel{padding:58px 44px}
}

@media (min-width:900px){
  .pys-header-inner{min-height:78px;grid-template-columns:auto 1fr;gap:38px}
  .pys-menu-toggle{display:none}
  .pys-nav{grid-column:auto;display:flex!important;align-items:center;justify-content:flex-end;gap:4px;padding:0}
  .pys-nav a{min-height:42px;padding:9px 13px}.pys-nav .btn{margin:0 0 0 8px;min-width:188px}
  .pys-hero{min-height:calc(100vh - 78px);padding:68px 0 86px}
  .pys-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);gap:54px}
  .pys-section{padding:112px 0}
  .pys-problem-grid{grid-template-columns:.92fr 1.08fr;gap:80px}
  .pys-flow{grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:stretch}
  .pys-flow-arrow{height:auto;font-size:32px}
  .pys-flow-card{padding:28px 24px;border-left:0;border-top:1px solid rgba(22,131,255,.45);background:linear-gradient(180deg,rgba(11,34,70,.5),transparent 82%)}
  .pys-offline-grid{grid-template-columns:1.12fr .88fr;gap:70px}
  .pys-independence{grid-template-columns:1fr 1fr;gap:70px}
  .pys-feature-half + .pys-feature-half{border-top:0;border-left:1px solid var(--pys-line);padding-left:54px}
  .pys-wallets-stage{grid-template-columns:.92fr 1.08fr;gap:80px}
  .pys-hw-grid{grid-template-columns:.9fr 1.1fr;gap:76px}
}

/* SEEDER HERO REAL 636 START */

/*
 * The hero grid column is narrower than the
 * image's native 636 px width.
 *
 * On desktop the image may therefore extend
 * beyond its grid column instead of being
 * reduced by max-width:100%.
 */

body.protect-seed-page
.pys-hero-visual {
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.protect-seed-page
.pys-hero-visual
img.pys-app-shot {
  display: block;

  width: 636px;
  height: auto;

  min-width: 636px;
  max-width: none;

  object-fit: contain;
  object-position: center;

  flex: 0 0 636px;
}

/*
 * On narrower screens return to normal
 * responsive behaviour.
 */
@media (max-width: 900px) {

  body.protect-seed-page
  .pys-hero-visual
  img.pys-app-shot {
    width: 100%;
    min-width: 0;
    max-width: 636px;
    height: auto;

    flex: 0 1 auto;
  }

}

/* SEEDER HERO REAL 636 END */

/* SEEDER WHY OFFLINE RESET IMAGE START */

.protect-seed-page .pys-offline-reset-visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.protect-seed-page .pys-reset-figure {
  width: 100%;
  margin: 0;
}

.protect-seed-page .pys-reset-figure img {
  display: block;

  width: 100%;
  height: auto;

  max-width: 448px;

  margin: 0 auto;

  object-fit: contain;
  object-position: center;

  border-radius: 18px;
}

@media (max-width: 760px) {

  .protect-seed-page .pys-reset-figure img {
    max-width: 100%;
  }

}

/* SEEDER WHY OFFLINE RESET IMAGE END */

/* SEEDER FLOW CARD ALIGN START */

/*
 * All How Seeder works cards use the same height.
 * The image/visual area is pushed to the bottom,
 * so all three visuals line up horizontally.
 */

.protect-seed-page .pys-flow-card {
  height: 100% !important;

  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
}

/*
 * Stretch the parent row/grid so every card
 * receives the same row height.
 */
.protect-seed-page :has(> .pys-flow-card) {
  align-items: stretch !important;
}

/*
 * If the image is directly inside the card,
 * push it to the bottom.
 */
.protect-seed-page .pys-flow-card > img {
  margin-top: auto !important;
}

/*
 * If the image is wrapped in a figure/div/picture,
 * push that complete visual wrapper to the bottom.
 */
.protect-seed-page .pys-flow-card > figure:has(img),
.protect-seed-page .pys-flow-card > div:has(> img),
.protect-seed-page .pys-flow-card > picture {
  margin-top: auto !important;
}

/*
 * Keep images themselves bottom aligned and
 * prevent baseline spacing.
 */
.protect-seed-page .pys-flow-card img {
  display: block;
}

/* Mobile cards are stacked, so natural height is preferable. */
@media (max-width: 760px) {

  .protect-seed-page .pys-flow-card {
    height: auto !important;
  }

}

/* SEEDER FLOW CARD ALIGN END */

/* SEEDER WALLET CONTINUATION START */

/*
 * Visual continuation between WALLET 03
 * and the final generic WALLET XX row.
 */
.protect-seed-page .pys-wallet-continuation {
  min-height: 82px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 2px;

  color: rgba(84, 169, 255, .72);

  font-size: 21px;
  font-weight: 700;
  line-height: .48;

  user-select: none;
}

.protect-seed-page .pys-wallet-continuation span {
  display: block;
  height: 8px;
}

/*
 * Give the final pair a little additional
 * breathing room below the continuation.
 */
.protect-seed-page .pys-wallet-row-final {
  margin-top: 8px;
}

@media (max-width: 760px) {

  .protect-seed-page .pys-wallet-continuation {
    min-height: 68px;
  }

}

/* SEEDER WALLET CONTINUATION END */

/* SEEDER PROBLEM DESKTOP ALIGN START */

/*
 * Desktop structure:
 *
 * LEFT                         RIGHT
 *
 * The practical problem
 *
 * One wallet is easy.          WALLET 01 --- RECOVERY SEED
 * Multiple recovery           WALLET 02 --- RECOVERY SEED
 * seeds are different.        WALLET 03 --- RECOVERY SEED
 *                                      ...
 * explanatory text            WALLET XX --- RECOVERY SEED
 *
 * .pys-heading and .pys-problem-grid use display:contents
 * so their children can participate in one common grid.
 */

@media (min-width: 901px) {

  #problem > .container {
    display: grid;

    grid-template-columns:
      minmax(0, 0.95fr)
      minmax(0, 1.05fr);

    grid-template-rows:
      auto
      auto
      auto;

    column-gap: 72px;
    row-gap: 14px;

    align-items: start;
  }


  #problem .pys-heading,
  #problem .pys-problem-grid {
    display: contents;
  }


  /* THE PRACTICAL PROBLEM */
  #problem .pys-heading > .pys-kicker {
    grid-column: 1;
    grid-row: 1;

    align-self: end;
  }


  /*
   * Heading begins exactly at the same grid line
   * as WALLET 01.
   */
  #problem .pys-heading > h2 {
    grid-column: 1;
    grid-row: 2;

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    align-self: start;
  }


  /*
   * Existing descriptive text remains below
   * the heading in the left column.
   */
  #problem .pys-problem-copy {
    grid-column: 1;
    grid-row: 3;

    margin-top: 10px;

    align-self: start;
  }


  /*
   * WALLET 01 starts at exactly the same vertical
   * grid position as "One wallet is easy."
   */
  #problem .pys-wallet-map {
    grid-column: 2;
    grid-row: 2 / span 2;

    align-self: start;

    margin-top: 0 !important;
    padding-top: 0 !important;

    transform: none !important;
  }

}

/*
 * Mobile keeps the normal stacked document flow.
 */
@media (max-width: 900px) {

  #problem .pys-heading > h2 {
    margin-bottom: 24px;
  }

}

/* SEEDER PROBLEM DESKTOP ALIGN END */

/* SEEDER MANY WALLETS IMAGE START */

/*
 * DESKTOP
 *
 * kicker
 *
 * Seeder is not another wallet.     [ IMAGE TOP ]
 * text                              [           ]
 * One seed or twenty.               [           ]
 * text                              [           ]
 * CTA                               [           ]
 *
 * The image therefore begins exactly on the
 * same CSS grid row as the H3 heading.
 */

@media (min-width: 901px) {

  #existing-wallets .pys-wallets-stage {
    display: grid !important;

    grid-template-columns:
      minmax(0, 0.88fr)
      minmax(0, 1.12fr) !important;

    grid-template-rows:
      auto
      auto
      auto
      auto
      auto
      auto;

    column-gap: 64px;
    row-gap: 18px;

    align-items: start !important;
  }


  /*
   * Children of pys-wallets-copy participate
   * directly in the parent grid.
   */
  #existing-wallets .pys-wallets-copy {
    display: contents !important;
  }


  #existing-wallets
  .pys-wallets-copy > .pys-kicker {
    grid-column: 1;
    grid-row: 1;

    margin: 0 !important;
  }


  #existing-wallets
  .pys-wallets-copy > h3 {
    grid-column: 1;
    grid-row: 2;

    align-self: start;

    margin: 0 !important;
  }


  /*
   * Exact same row as H3.
   */
  #existing-wallets
  .pys-many-wallets-visual {
    grid-column: 2;
    grid-row: 2 / span 5;

    align-self: start;

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }


  #existing-wallets
  .pys-many-wallets-visual img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 680px;

    margin: 0 auto;

    object-fit: contain;
    object-position: top center;
  }


  #existing-wallets
  .pys-wallets-copy > p:first-of-type {
    grid-column: 1;
    grid-row: 3;

    margin: 0 !important;
  }


  #existing-wallets
  .pys-wallets-copy > .pys-one-or-twenty {
    grid-column: 1;
    grid-row: 4;

    margin: 0 !important;
  }


  #existing-wallets
  .pys-wallets-copy > p:nth-of-type(2) {
    grid-column: 1;
    grid-row: 5;

    margin: 0 !important;
  }


  #existing-wallets
  .pys-wallets-copy > .pys-actions {
    grid-column: 1;
    grid-row: 6;

    margin: 0 !important;
  }

}


/*
 * MOBILE
 *
 * Keep normal document flow.
 * Image appears immediately below the headline.
 */
@media (max-width: 900px) {

  #existing-wallets .pys-wallets-stage {
    display: block !important;
  }

  #existing-wallets .pys-wallets-copy {
    display: block !important;
  }

  #existing-wallets .pys-many-wallets-visual {
    width: 100%;

    margin:
      22px
      0
      28px !important;
  }

  #existing-wallets
  .pys-many-wallets-visual img {
    display: block;

    width: 100%;
    height: auto;

    max-width: 680px;

    margin: 0 auto;
  }

}

/* SEEDER MANY WALLETS IMAGE END */

/* SEEDER TWO PART FLOW CSS START */

.protect-seed-page .pys-two-part-hero-note {
  margin: 22px 0 6px;
  padding: 14px 17px;

  display: flex;
  flex-direction: column;
  gap: 4px;

  max-width: 590px;

  border-left: 2px solid var(--blue);
  background:
    linear-gradient(
      90deg,
      rgba(22, 131, 255, .10),
      rgba(22, 131, 255, .025)
    );
}

.protect-seed-page .pys-two-part-hero-note strong {
  color: #fff;
  font-size: 14px;
  letter-spacing: .02em;
}

.protect-seed-page .pys-two-part-hero-note span {
  color: rgba(255, 255, 255, .70);
  font-size: 14px;
  line-height: 1.55;
}

.protect-seed-page .pys-two-part-hero-note b {
  color: var(--blue);
  font-weight: 700;
}


.protect-seed-page .pys-two-part-section {
  padding-top: 54px;
  padding-bottom: 72px;
}

.protect-seed-page .pys-two-part-heading {
  max-width: 830px;
  margin-bottom: 34px;
}

.protect-seed-page .pys-two-part-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    54px
    minmax(0, 1fr);

  align-items: stretch;
}

.protect-seed-page .pys-two-part-card {
  position: relative;

  display: flex;
  flex-direction: column;

  padding: 34px;

  min-height: 365px;

  border:
    1px solid rgba(84, 169, 255, .20);

  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(12, 33, 60, .72),
      rgba(3, 13, 27, .94)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}

.protect-seed-page .pys-two-part-number {
  position: absolute;

  top: 25px;
  right: 28px;

  color: rgba(49, 196, 255, .18);

  font-size: 54px;
  font-weight: 800;
  line-height: 1;
}

.protect-seed-page .pys-two-part-label {
  margin-bottom: 14px;

  color: var(--blue);

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.protect-seed-page .pys-two-part-card h3 {
  position: relative;

  max-width: 400px;

  margin:
    0
    0
    17px;

  font-size:
    clamp(26px, 3vw, 38px);

  line-height: 1.08;
}

.protect-seed-page .pys-two-part-card p {
  max-width: 510px;

  margin:
    0
    0
    26px;

  color:
    rgba(255,255,255,.70);

  line-height: 1.7;
}

.protect-seed-page .pys-two-part-action {
  margin-top: auto;
}

.protect-seed-page .pys-two-part-arrow {
  display: flex;

  align-items: center;
  justify-content: center;

  color:
    rgba(49, 196, 255, .72);

  font-size: 31px;
}

.protect-seed-page .pys-two-part-path {
  margin-top: 25px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-wrap: wrap;

  gap: 14px;

  color:
    rgba(255,255,255,.58);

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .10em;
}

.protect-seed-page .pys-two-part-path span {
  color: var(--cyan);
}


@media (max-width: 760px) {

  .protect-seed-page .pys-two-part-section {
    padding-top: 40px;
  }

  .protect-seed-page .pys-two-part-grid {
    grid-template-columns: 1fr;
  }

  .protect-seed-page .pys-two-part-arrow {
    min-height: 54px;

    transform: rotate(90deg);
  }

  .protect-seed-page .pys-two-part-card {
    padding: 27px 23px;

    min-height: 0;
  }

  .protect-seed-page .pys-two-part-number {
    top: 21px;
    right: 21px;

    font-size: 44px;
  }

  .protect-seed-page .pys-two-part-path {
    gap: 8px;

    font-size: 10px;
  }

}

/* SEEDER TWO PART FLOW CSS END */