.u-page{padding:clamp(128px, 18vh, 184px) var(--gut) var(--sec);}
.u-hero{max-width:900px; margin:0 auto; display:flex; flex-direction:column; align-items:center; text-align:center;}
.u-title{font-size:clamp(42px, 6.4vw, 96px); margin-top:24px;}
.u-hero .twin-rules{margin:30px auto 26px;}
.u-lede{font:300 clamp(17px, 1.5vw, 20px)/1.55 var(--sans); color:var(--muted); max-width:52ch; text-wrap:pretty;}
.u-ctas{display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:32px;}
.u-tiles{max-width:var(--max); margin:clamp(64px, 8vw, 112px) auto 0; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px;}
.u-tile{min-height:270px; gap:0; text-decoration:none; transition:transform .5s var(--ease-out);}
.u-tile:hover{transform:translateY(-4px);}
.u-tile .tile-h{display:block; margin:18px 0 12px;}
.u-tile-p{font:300 15.5px/1.55 var(--sans); color:var(--tm); max-width:34ch; text-wrap:pretty;}
.u-go{margin-top:auto; padding-top:28px; font:500 11.5px/1 var(--mono); letter-spacing:.12em; text-transform:uppercase; color:var(--tx);}
.u-go span{display:inline-block; transition:transform .35s var(--ease-out);}
.u-tile:hover .u-go span{transform:translateX(4px);}
@media (max-width:860px){
  .u-tiles{grid-template-columns:minmax(0, 1fr);}
  .u-tile{min-height:0;}
}
.u-notify{width:100%; max-width:560px; margin:36px auto 0; grid-template-columns:minmax(0,1fr); text-align:left;
  position:relative; isolation:isolate; padding:0; background:none; border:0; border-radius:0; -webkit-backdrop-filter:none; backdrop-filter:none;}
.u-notify::before{content:""; position:absolute; inset:-34px -8% -10px; z-index:-1; pointer-events:none; filter:blur(28px);
  background:radial-gradient(closest-side at 28% 45%, rgba(196,147,55,.30), transparent), radial-gradient(closest-side at 74% 55%, rgba(46,99,74,.55), transparent);}
.u-notify .notify-field{border-radius:999px; padding:7px 7px 7px 24px; border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(140deg, rgba(255,255,255,.16), rgba(255,255,255,.04) 45%, rgba(255,255,255,.10));
  -webkit-backdrop-filter:blur(24px) saturate(180%); backdrop-filter:blur(24px) saturate(180%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.40), inset 0 -1px 0 rgba(255,255,255,.08), 0 26px 60px -26px rgba(0,0,0,.6);
  transition:border-color .25s ease, box-shadow .25s ease;}
.u-notify .notify-field:focus-within{border-color:rgba(215,165,68,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(255,255,255,.08), 0 0 0 4px rgba(215,165,68,.14), 0 26px 60px -26px rgba(0,0,0,.6);}
html[data-theme="light"] .u-notify .notify-field{border-color:rgba(36,33,27,.12);
  background:linear-gradient(140deg, rgba(255,255,255,.82), rgba(255,255,255,.40) 45%, rgba(255,255,255,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(36,33,27,.05), 0 22px 50px -26px rgba(36,33,27,.35);}
html[data-theme="light"] .u-notify .notify-field:focus-within{border-color:rgba(160,112,30,.55);}
html[data-theme="light"] .u-notify::before{background:radial-gradient(closest-side at 28% 45%, rgba(196,147,55,.35), transparent), radial-gradient(closest-side at 74% 55%, rgba(46,99,74,.28), transparent);}
.u-notify .notify-note{margin-top:4px;}
@media (prefers-reduced-transparency:reduce){
  .u-notify .notify-field{background:var(--abyss); -webkit-backdrop-filter:none; backdrop-filter:none;}
  html[data-theme="light"] .u-notify .notify-field{background:#FCFDFB;}
}
.u-notify .notify-note{grid-column:1; text-align:center;}
.u-notify .notify-note.is-ok{color:var(--brass);}
.u-notify .notify-note a{color:inherit;}
.u-gets{list-style:none; margin:48px auto 0; padding:0; width:100%; max-width:var(--max); display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; text-align:left;}
.u-get{min-height:212px; padding:26px 26px 24px; gap:0; border-radius:24px; transition:transform .5s var(--ease-out);}
.u-get:hover{transform:translateY(-4px);}
.u-ic{display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:var(--tl); font-size:17px; line-height:1; color:var(--tx);}
.u-get b{display:block; margin:auto 0 8px; padding-top:30px; font:300 clamp(23px, 2.1vw, 29px)/1.08 var(--serif); letter-spacing:-.016em; color:var(--tx); text-wrap:balance;}
.u-get-p{font:400 14px/1.5 var(--sans); color:var(--tm); text-wrap:pretty;}
@media (max-width:860px){ .u-gets{grid-template-columns:minmax(0,1fr);} }
@media (max-width:520px){ .u-get{min-height:178px; padding:18px 16px 16px; border-radius:20px;} .u-ic{width:36px; height:36px; font-size:15px;} .u-get b{padding-top:22px; font-size:21px;} .u-get-p{font-size:13px;} }
@media (prefers-reduced-motion:reduce){ .u-get{transition:none;} .u-get:hover{transform:none;} }
@media (prefers-reduced-motion:reduce){ .u-tile,.u-go span{transition:none;} .u-tile:hover{transform:none;} }