.reef.pg-mock .top{background:radial-gradient(118% 72% at 50% -8%,#6974fad9 0%,#6974fa00 58%),linear-gradient(#000a5e 0%,#141fa8 25%,#3540e6 48%,#7b85f7 70%,#ccd2fc 87%,#fff 100%);position:relative}.reef.pg-mock .top .hero{text-align:center;padding:82px 0 100px}.reef.pg-mock .top .hero .over{color:#ffffffa8;margin-bottom:18px}.reef.pg-mock .top .hero h1{letter-spacing:-.052em;color:#fff;font-size:clamp(38px,5.4vw,68px);line-height:1.03}.reef.pg-mock .top .hero .lede{color:#ffffffd1;max-width:50ch;margin:24px auto 0;font-size:17px;line-height:1.6}.reef.pg-mock .top .hero .lede b{color:#fff;font-weight:600}.reef.pg-mock .facts{color:#ffffffc7;flex-wrap:wrap;justify-content:center;gap:14px 30px;margin:28px 0 0;font-size:13.5px;font-weight:500;display:flex}.reef.pg-mock .facts span{align-items:center;gap:9px;display:inline-flex}.reef.pg-mock .facts .i{color:var(--sec);font-size:16px}.reef.pg-mock .top .hero .cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.reef.pg-mock .band{padding:82px 0 0}.reef.pg-mock .band.last{padding-bottom:104px}.reef.pg-mock .bhead{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px 24px;padding-bottom:16px;display:flex}.reef.pg-mock .bhead h2{font-size:clamp(25px,2.8vw,33px)}.reef.pg-mock .bhead .note{color:var(--mut);margin-left:auto;font-size:13.5px}.reef.pg-mock .glab{letter-spacing:.15em;text-transform:uppercase;color:var(--fnt);margin:32px 0 15px;font-size:11.5px;font-weight:700}.reef.pg-mock .g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.reef.pg-mock .g5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.reef.pg-mock .s{border:1px solid var(--line);box-shadow:var(--lift);cursor:pointer;text-align:left;color:inherit;background:#fff;border-radius:16px;flex-direction:column;padding:12px 12px 14px;font-family:inherit;transition:transform .18s,box-shadow .18s;display:flex}.reef.pg-mock .s:hover{transform:translateY(-3px);box-shadow:0 2px 3px #000a5e0d,0 16px 30px -16px #000a5e52}.reef.pg-mock .ban{background:linear-gradient(150deg,#eef1ff 0%,#e2e7ff 100%);border-radius:11px;place-items:center;height:118px;display:grid;position:relative;overflow:hidden}.reef.pg-mock .ban .i{color:var(--p20);stroke-width:1.5px;font-size:30px}.reef.pg-mock .ban img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.reef.pg-mock .s h3{letter-spacing:-.03em;margin-top:14px;padding:0 3px;font-size:15.5px}.reef.pg-mock .s .meta{color:var(--fnt);font-variant-numeric:tabular-nums;margin:5px 0 14px;padding:0 3px;font-size:12.5px}.reef.pg-mock .setup{background:var(--p70);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin-top:auto;padding:9px 12px;font-size:13.5px;font-weight:600;transition:filter .15s;display:flex}.reef.pg-mock .s:hover .setup{filter:brightness(1.1)}.reef.pg-mock .setup i{background:#ffffff38;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-style:normal;display:grid}.reef.pg-mock .setup .i{stroke-width:2.6px;font-size:11px}.reef.pg-mock .feat{border:1px solid var(--line);box-shadow:var(--lift);cursor:pointer;text-align:left;color:inherit;background:#fff;border-radius:18px;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:28px;width:100%;padding:14px;font-family:inherit;transition:transform .18s,box-shadow .18s;display:grid}.reef.pg-mock .feat:hover{transform:translateY(-3px);box-shadow:0 2px 3px #000a5e0d,0 16px 30px -16px #000a5e52}.reef.pg-mock .feat .ban{height:176px}.reef.pg-mock .feat .ban .i{font-size:44px}.reef.pg-mock .feat .body{padding:6px 10px 6px 0}.reef.pg-mock .feat h3{font-size:23px}.reef.pg-mock .feat .meta{color:var(--fnt);margin:7px 0 0;font-size:13px}.reef.pg-mock .feat p{color:var(--mut);max-width:56ch;margin:12px 0 20px;font-size:14.4px;line-height:1.64}.reef.pg-mock .feat .setup{margin-top:0;padding:11px 20px;display:inline-flex}.reef.pg-mock .veil{z-index:60;background:#14151d70;place-items:center;padding:30px 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.reef.pg-mock .sheet{background:#fff;border-radius:20px;width:100%;max-width:558px;padding:32px 36px 28px;box-shadow:0 40px 90px -34px #000a5e80}.reef.pg-mock .sheet button,.reef.pg-mock .sheet input{font-family:inherit}.reef.pg-mock .sheet .back{cursor:pointer;color:var(--ink);letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:14.5px;font-weight:700;display:inline-flex}.reef.pg-mock .sheet .back:hover{color:var(--p70)}.reef.pg-mock .sheet .back .i{stroke-width:2.3px;font-size:17px}.reef.pg-mock .sheet h2{letter-spacing:-.042em;margin:26px 0 0;font-size:26px}.reef.pg-mock .sheet .lede{color:#2b2d3a;margin:13px 0 0;font-size:14.8px;line-height:1.62}.reef.pg-mock .sheet .lab{align-items:center;gap:14px;margin:30px 0 0;display:flex}.reef.pg-mock .sheet .lab h3{letter-spacing:-.035em;font-size:16.5px}.reef.pg-mock .alt{cursor:pointer;color:var(--mut);background:0 0;border:0;font-size:13.8px;font-weight:600}.reef.pg-mock .alt:hover{color:var(--p70)}.reef.pg-mock .sheet .lab .alt{margin-left:auto}.reef.pg-mock .inflow .alt{text-align:left;margin-top:10px;padding:0;display:block}.reef.pg-mock .res{border:1px solid var(--line);background:#f6f7fa;border-radius:12px;align-items:center;gap:14px;margin-top:13px;padding:16px 18px;display:flex}.reef.pg-mock .res .ok{color:#17a673;stroke-width:2px;flex:none;font-size:23px}.reef.pg-mock .res .nm{letter-spacing:-.025em;margin:0;font-size:14.6px;font-weight:700}.reef.pg-mock .res .fn{color:var(--mut);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;overflow:hidden}.reef.pg-mock .res .act{align-items:center;gap:18px;margin-left:auto;display:flex}.reef.pg-mock .res .act a,.reef.pg-mock .res .act button{cursor:pointer;color:var(--mut);background:0 0;border:0;align-items:center;gap:7px;font-size:13.8px;font-weight:600;display:inline-flex}.reef.pg-mock .res .act .view{color:var(--p70);font-weight:700}.reef.pg-mock .res .act .i{stroke-width:2px;font-size:16px}.reef.pg-mock .res .act a:hover,.reef.pg-mock .res .act button:hover{color:var(--p100)}.reef.pg-mock .res.wait{color:var(--mut);font-size:13.4px}.reef.pg-mock .sheet .q{letter-spacing:-.035em;margin:28px 0 11px;font-size:16.5px;font-weight:700;display:block}.reef.pg-mock .sheet input[type=text]{width:100%;color:var(--ink);border:1.5px solid var(--p20);background:#fff;border-radius:12px;outline:0;padding:15px 18px;font-size:15px;transition:border-color .15s,box-shadow .15s}.reef.pg-mock .sheet input[type=text]:focus{border-color:var(--p70);box-shadow:0 0 0 3px #303aef21}.reef.pg-mock .sheet .go{background:var(--p70);color:#fff;letter-spacing:-.025em;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:11px;width:100%;margin-top:24px;padding:17px;font-size:16px;font-weight:700;transition:filter .15s;display:flex;box-shadow:0 14px 28px -16px #303aeff2}.reef.pg-mock .sheet .go:hover{filter:brightness(1.09)}.reef.pg-mock .sheet .go:disabled{cursor:not-allowed;opacity:.45;filter:none}.reef.pg-mock .sheet .go .i{stroke-width:2px;font-size:19px}.reef.pg-mock .sheet .flab{letter-spacing:.15em;text-transform:uppercase;color:var(--fnt);margin:26px 0 11px;font-size:11.5px;font-weight:700}.reef.pg-mock .field{border:1.5px solid var(--p70);background:#fafbff;border-radius:12px;padding:17px 19px}.reef.pg-mock .field .nm{letter-spacing:-.03em;color:var(--p70);margin:0;font-size:16.5px;font-weight:700}.reef.pg-mock .field .ln{color:#2b2d3a;margin:7px 0 0;font-size:13.8px;line-height:1.55}.reef.pg-mock .sheet .hint{color:var(--mut);margin:-5px 0 13px;font-size:13.4px}.reef.pg-mock .pills{flex-wrap:wrap;gap:10px;display:flex}.reef.pg-mock .pill{color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #dcdee6;border-radius:999px;padding:10px 18px;font-size:13.8px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.reef.pg-mock .pill:hover{border-color:var(--p20)}.reef.pg-mock .pill.on{border-color:var(--p70);color:var(--p70);background:#f7f8ff;font-weight:700}.reef.pg-mock .sheet .note{border-top:1px solid var(--line);color:var(--mut);gap:12px;margin:26px 0 0;padding-top:20px;font-size:13px;line-height:1.6;display:flex}.reef.pg-mock .sheet .note .i{flex:none;margin-top:2px;font-size:16px}.reef.pg-mock .sheet .note.plain{text-align:center;color:var(--fnt);border-top:0;justify-content:center;margin-top:18px;padding-top:0;font-size:12.8px}.reef.pg-mock .lapgate{z-index:90;background:#14151d8c;place-items:center;padding:24px 20px;display:grid;position:fixed;inset:0}.reef.pg-mock .lapgate .box{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:372px;padding:26px 26px 22px;box-shadow:0 40px 90px -34px #000a5e80}.reef.pg-mock .lapgate h2{letter-spacing:-.04em;color:var(--ink);margin:0;font-size:19px;font-weight:700;line-height:1.2}.reef.pg-mock .lapgate p{color:var(--mut);margin:9px 0 0;font-size:13.8px;line-height:1.6}.reef.pg-mock .lapgate button{background:var(--p70);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;margin:20px 0 0;padding:14px;font-family:inherit;font-size:14px;font-weight:700;transition:filter .15s}.reef.pg-mock .lapgate button:hover{filter:brightness(1.08)}@media (max-width:1080px){.reef.pg-mock .g5{scroll-snap-type:x proximity;grid-template-columns:none;grid-auto-columns:196px;grid-auto-flow:column;padding-bottom:8px;overflow-x:auto}.reef.pg-mock .g5>*{scroll-snap-align:start}}@media (max-width:900px){.reef.pg-mock .top .hero{padding:60px 0 76px}.reef.pg-mock .band{padding-top:60px}.reef.pg-mock .band.last{padding-bottom:74px}.reef.pg-mock .feat{grid-template-columns:minmax(0,1fr);gap:18px}.reef.pg-mock .feat .body{padding:0 6px 8px}.reef.pg-mock .g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.reef.pg-mock .top .hero{padding:48px 0 62px}.reef.pg-mock .top .hero h1 br{display:none}.reef.pg-mock .facts{gap:10px 22px;font-size:12.5px}.reef.pg-mock .g3{grid-template-columns:minmax(0,1fr)}.reef.pg-mock .bhead .note{margin-left:0}.reef.pg-mock .veil{place-items:start center;padding:16px 12px}.reef.pg-mock .res{flex-wrap:wrap}.reef.pg-mock .res .act{width:100%;margin-left:44px}.reef.pg-mock .sheet{border-radius:18px;padding:26px 22px 24px}.reef.pg-mock .sheet h2{font-size:23px}}