.page-home{
  --home-pad:clamp(18px,4vw,48px);
  --home-block:clamp(52px,8vw,96px);
  color:var(--cream);
  background:var(--void);
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.7;
  overflow-x:clip;
}
.page-home h1,
.page-home h2,
.page-home h3{
  font-family:var(--font-display);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.02;
  margin:0;
}
.page-home h2{font-size:clamp(1.85rem,4.4vw,2.9rem);}
.page-home h3{font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.3;letter-spacing:0;}
.page-home p{margin:0;}

.page-home .home-crumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:16px var(--home-pad) 0;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--rock);
}
.page-home .home-crumb__dot{
  width:7px;height:7px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 10px var(--cyan);
}
.page-home .home-crumb__now{color:var(--cream);}
.page-home .home-crumb__sep{color:rgba(141,138,158,.55);}
.page-home .home-crumb__mono{color:var(--violet);}

/* ---------- hero ---------- */
.page-home .hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-home .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(245,239,230,.055) 0 1px,transparent 1px 5px);
  opacity:.55;
}
.page-home .hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(58% 58% at 78% 16%,rgba(139,92,246,.26),transparent 72%),
    radial-gradient(46% 46% at 12% 84%,rgba(47,123,255,.18),transparent 72%);
}
.page-home .hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(30px,5vw,56px);
  padding:clamp(26px,4vw,44px) var(--home-pad) clamp(40px,6vw,76px);
}
.page-home .hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--cyan);
  text-transform:uppercase;
}
.page-home .hero-kicker__dot{
  width:8px;height:8px;
  background:var(--amber);
  clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);
}
.page-home .hero h1{
  margin-top:14px;
  font-size:clamp(2.2rem,9vw,4.6rem);
  line-height:.98;
}
.page-home .hero-hl{
  background:linear-gradient(94deg,var(--cyan),var(--blue));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.page-home .hero-lede{
  margin-top:18px;
  max-width:46ch;
  color:rgba(245,239,230,.88);
}
.page-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.page-home .hero-actions .btn{min-height:46px;display:inline-flex;align-items:center;}
.page-home .hero-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
  background:var(--line);
  border:1px solid var(--line);
}
.page-home .hero-facts li{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:12px 14px;
  background:rgba(20,17,36,.92);
}
.page-home .hero-facts__k{
  font-family:var(--font-mono);
  font-size:.65rem;
  letter-spacing:.14em;
  color:var(--rock);
}
.page-home .hero-facts__v{
  font-family:var(--font-mono);
  font-size:.98rem;
  color:var(--cyan);
}

.page-home .hero-visual{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
}
.page-home .phone{
  position:relative;
  width:min(100%,400px);
  aspect-ratio:3 / 3.85;
  padding:10px;
  border-radius:34px;
  border:1px solid rgba(245,239,230,.18);
  background:linear-gradient(160deg,var(--glass),var(--void));
  box-shadow:0 30px 80px rgba(4,3,10,.72),inset 0 0 0 1px rgba(46,242,208,.08);
}
.page-home .phone::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:26px;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(9,8,18,.28) 0 2px,transparent 2px 4px);
  opacity:.45;
}
.page-home .phone__notch{
  position:absolute;
  top:18px;left:50%;
  transform:translateX(-50%);
  width:62px;height:6px;
  border-radius:99px;
  background:rgba(245,239,230,.28);
  z-index:2;
}
.page-home .phone__img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  border-radius:26px;
}
.page-home .phone__img{
  height:100%;
  object-fit:cover;
}
.page-home .hero-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--rock);
  text-align:center;
}
.page-home .hero-chip__dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--cyan);
  flex:0 0 auto;
}

/* ---------- shared section pieces ---------- */
.page-home .sec-head{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:66ch;
  margin-bottom:clamp(20px,3vw,34px);
}
.page-home .sec-kicker{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--violet);
}
.page-home .sec-lede{
  color:rgba(245,239,230,.82);
  max-width:62ch;
}
.page-home .text-link{
  display:inline-block;
  margin-top:20px;
  color:var(--cyan);
  font-family:var(--font-mono);
  font-size:.82rem;
  letter-spacing:.04em;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-color:rgba(46,242,208,.45);
}
.page-home .num-badge{
  display:inline-block;
  align-self:flex-start;
  padding-bottom:3px;
  border-bottom:2px solid var(--violet);
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.14em;
  color:var(--violet);
}
.page-home .tag{
  align-self:flex-start;
  margin-top:auto;
  padding:3px 9px;
  border:1px solid var(--line-strong);
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.1em;
  color:var(--rock);
  border-radius:2px;
}

/* ---------- services band ---------- */
.page-home .services{
  position:relative;
  overflow:hidden;
  padding:var(--home-block) var(--home-pad);
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(139,92,246,.16),rgba(9,8,18,0) 62%);
}
.page-home .svc-media{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.page-home .svc-media img{
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  opacity:.2;
  -webkit-mask-image:linear-gradient(120deg,rgba(0,0,0,.9),transparent 72%);
  mask-image:linear-gradient(120deg,rgba(0,0,0,.9),transparent 72%);
}
.page-home .svc-inner{
  position:relative;
  z-index:1;
}
.page-home .filter-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:10px;
  background:rgba(31,26,51,.72);
  border:1px solid var(--line);
  backdrop-filter:blur(10px);
}
.page-home .filter-bar__btn{
  min-height:44px;
  padding:9px 15px;
  border:1px solid var(--line-strong);
  border-radius:99px;
  background:rgba(9,8,18,.55);
  color:var(--cream);
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.06em;
  cursor:pointer;
  transition:background 180ms var(--ease),color 180ms var(--ease),border-color 180ms var(--ease);
}
.page-home .filter-bar__btn:hover{border-color:var(--violet);}
.page-home .filter-bar__btn[aria-pressed="true"]{
  background:var(--violet);
  border-color:var(--violet);
  color:#0b0716;
}
.page-home .filter-bar__btn:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.page-home .filter-bar__status{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.08em;
  color:var(--rock);
}
.page-home .svc-scroll-hint{
  margin-top:12px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.1em;
  color:var(--rock);
}
.page-home .svc-list{
  display:flex;
  gap:14px;
  margin:14px 0 0;
  padding:2px 2px 18px;
  list-style:none;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  scrollbar-color:var(--violet) rgba(245,239,230,.08);
}
.page-home .svc-list::-webkit-scrollbar{height:6px;}
.page-home .svc-list::-webkit-scrollbar-thumb{background:var(--violet);border-radius:99px;}
.page-home .svc-list::-webkit-scrollbar-track{background:rgba(245,239,230,.08);}
.page-home .svc-list > [hidden]{display:none;}
.page-home .svc{
  flex:0 0 min(272px,78vw);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:18px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow-card);
}
.page-home .svc p{
  font-size:.92rem;
  color:rgba(245,239,230,.82);
}

/* ---------- duration tiers ---------- */
.page-home .duration{
  position:relative;
  padding:var(--home-block) var(--home-pad);
  border-top:1px solid var(--line);
  background:var(--void);
}
.page-home .duration::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:140px;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(47,123,255,.2),rgba(46,242,208,.07));
  clip-path:polygon(0 0,100% 0,100% 58%,0 100%);
}
.page-home .duration-top{
  position:relative;
  z-index:1;
  display:grid;
  gap:clamp(20px,3vw,34px);
}
.page-home .duration-figure{
  margin:0;
  border:1px solid var(--line);
  background:var(--panel);
  overflow:hidden;
}
.page-home .duration-figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-home .tier-grid{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
  margin-top:clamp(20px,3vw,32px);
}
.page-home .tier{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:20px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .tier::before{
  content:"";
  position:absolute;
}
.page-home .tier{position:relative;}
.page-home .tier--a{border-top:3px solid var(--blue);}
.page-home .tier--b{border-top:3px solid var(--violet);}
.page-home .tier--c{border-top:3px solid var(--cyan);}
.page-home .tier__time{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.9rem,4.6vw,2.6rem);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--cream);
}
.page-home .tier__time small{
  margin-left:6px;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.12em;
  color:var(--rock);
}
.page-home .tier__cap{
  font-family:var(--font-mono);
  font-size:.82rem;
  letter-spacing:.06em;
  color:var(--cyan);
}
.page-home .tier__desc{
  font-size:.92rem;
  color:rgba(245,239,230,.82);
}
.page-home .tier__meter{
  height:8px;
  border-radius:99px;
  background:rgba(245,239,230,.08);
  overflow:hidden;
}
.page-home .tier__meter span{
  display:block;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
}
.page-home .tier--a .tier__meter span{width:50%;}
.page-home .tier--b .tier__meter span{width:75%;}
.page-home .tier--c .tier__meter span{width:100%;}

/* ---------- bulletin ---------- */
.page-home .bulletin{
  padding:var(--home-block) var(--home-pad);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--panel);
}
.page-home .bulletin-inner{
  display:grid;
  gap:clamp(22px,3.4vw,42px);
}
.page-home .bulletin-figure{
  margin:0;
  border:1px solid var(--line-strong);
  background:var(--void);
  overflow:hidden;
  align-self:start;
}
.page-home .bulletin-figure img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-home .bulletin-figure figcaption{
  padding:10px 14px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.05em;
  color:var(--rock);
  border-top:1px solid var(--line);
}
.page-home .bulletin-copy{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.page-home .bulletin-lede{
  color:rgba(245,239,230,.84);
  max-width:60ch;
}
.page-home .notice-card{
  padding:16px 18px;
  background:var(--void);
  border-left:3px solid var(--amber);
}
.page-home .notice-card__tag{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  color:var(--amber);
  margin-bottom:6px;
}
.page-home .notice-card__text{
  font-size:.94rem;
  color:rgba(245,239,230,.88);
}
.page-home .cycle-list{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--line);
}
.page-home .cycle-list li{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  padding:11px 0;
  border-bottom:1px dashed rgba(245,239,230,.14);
}
.page-home .cycle-list__k{
  font-size:.9rem;
  color:var(--cream);
}
.page-home .cycle-list__v{
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.06em;
  color:var(--moss);
}

/* ---------- steps ---------- */
.page-home .steps{
  padding:var(--home-block) var(--home-pad);
  background:var(--void);
}
.page-home .step-rail{display:none;}
.page-home .step-list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-home .step{
  margin-bottom:10px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-home .step[open]{
  border-color:rgba(139,92,246,.5);
  box-shadow:0 0 0 1px rgba(139,92,246,.16);
}
.page-home .step summary{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-height:56px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
}
.page-home .step summary::-webkit-details-marker{display:none;}
.page-home .step summary:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:-2px;
}
.page-home .step__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.05rem,2vw,1.22rem);
  letter-spacing:-.01em;
  color:var(--cream);
}
.page-home .step__hint{
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.08em;
  color:var(--rock);
}
.page-home .step__body{
  padding:0 16px 16px;
  border-top:1px solid var(--line-soft);
  padding-top:12px;
}
.page-home .step__body p{
  font-size:.93rem;
  color:rgba(245,239,230,.84);
  max-width:64ch;
}

/* ---------- trust ---------- */
.page-home .trust{
  padding:var(--home-block) var(--home-pad);
  border-top:1px solid var(--line);
  background:linear-gradient(160deg,rgba(184,107,75,.14),rgba(9,8,18,0) 58%);
}
.page-home .trust-inner{
  display:grid;
  gap:clamp(24px,3.6vw,44px);
}
.page-home .trust-copy p{
  margin-top:14px;
  color:rgba(245,239,230,.84);
  max-width:62ch;
}
.page-home .trust-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
  align-content:start;
}
.page-home .trust-stats li{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:14px;
  background:rgba(20,17,36,.86);
  border:1px solid var(--line);
  border-left:2px solid var(--clay);
}
.page-home .trust-stats strong{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.7rem,3.6vw,2.3rem);
  line-height:1;
  color:var(--cyan);
  letter-spacing:-.02em;
}
.page-home .trust-stats span{
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.05em;
  color:var(--rock);
}

/* ---------- support ---------- */
.page-home .support{
  padding:var(--home-block) var(--home-pad);
  background:var(--void);
}
.page-home .support-card{
  padding:clamp(22px,4vw,44px);
  background:
    linear-gradient(142deg,rgba(139,92,246,.24),rgba(9,8,18,.94) 56%),
    var(--panel);
  border:1px solid rgba(139,92,246,.34);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%);
}
.page-home .support-lede{
  margin-top:14px;
  color:rgba(245,239,230,.86);
  max-width:60ch;
}
.page-home .support-meta{
  display:grid;
  gap:8px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}
.page-home .support-meta li{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  padding:10px 0;
  border-bottom:1px solid var(--line);
}
.page-home .support-meta__k{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.12em;
  color:var(--rock);
}
.page-home .support-meta__v{
  font-family:var(--font-mono);
  font-size:.86rem;
  letter-spacing:.02em;
  color:var(--cream);
  word-break:break-word;
}
.page-home .support-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.page-home .support-actions .btn,
.page-home .support-actions .copy-btn{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.page-home .copy-btn{
  padding:10px 18px;
  border:1px solid var(--amber);
  border-radius:var(--radius);
  background:var(--amber);
  color:#150a02;
  font-family:var(--font-mono);
  font-size:.8rem;
  letter-spacing:.06em;
  cursor:pointer;
  transition:background 180ms var(--ease),color 180ms var(--ease);
}
.page-home .copy-btn.is-copied{
  background:var(--cyan);
  border-color:var(--cyan);
  color:#04201b;
}
.page-home .copy-btn:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}
.page-home .support-note{
  margin-top:18px;
  font-size:.85rem;
  color:rgba(245,239,230,.7);
  max-width:64ch;
}
.page-home .support-note a{
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------- responsive ---------- */
@media (min-width:600px){
  .page-home .hero-actions .btn{padding-inline:22px;}
  .page-home .svc{flex-basis:290px;}
  .page-home .bulletin-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;}
  .page-home .trust-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (min-width:820px){
  .page-home .hero-grid{
    grid-template-columns:minmax(0,38fr) minmax(0,62fr);
    align-items:center;
  }
  .page-home .hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-home .duration-top{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:end;}
  .page-home .tier-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-home .step-rail{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
  }
  .page-home .step-rail__n{
    padding:4px 9px;
    border:1px solid rgba(139,92,246,.42);
    border-radius:2px;
    font-family:var(--font-mono);
    font-size:.72rem;
    letter-spacing:.12em;
    color:var(--violet);
  }
  .page-home .step-rail__line{
    flex:1;
    height:1px;
    background:linear-gradient(90deg,rgba(139,92,246,.7),rgba(139,92,246,.08));
  }
  .page-home .trust-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;}
}

@media (min-width:1180px){
  .page-home .svc-scroll-hint{display:none;}
  .page-home .svc{flex:0 0 clamp(240px,23.2%,320px);}
  .page-home .hero-lede{font-size:1.05rem;}
}

@media (prefers-reduced-motion:reduce){
  .page-home .filter-bar__btn,
  .page-home .copy-btn{transition:none;}
}
<<<END>>>