.reef.pg-landing .hero{padding:76px 0 72px}.reef.pg-landing .hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:center;gap:58px;display:grid}.reef.pg-landing .dsp{letter-spacing:-.05em;font-size:clamp(34px,4.6vw,52px);line-height:1.05}.reef.pg-landing .dsp .l1{color:var(--ink);display:block}.reef.pg-landing .dsp .l2{color:var(--p70);display:block}.reef.pg-landing .hero .lede{color:var(--mut);max-width:44ch;margin:24px 0 0;font-size:16px;line-height:1.68}.reef.pg-landing .hero .cta{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.reef.pg-landing .hart{aspect-ratio:1;background:#eef1ff;border-radius:22px;place-items:center;padding:34px;display:grid}.reef.pg-landing .hart svg{width:100%;height:auto;display:block}.reef.pg-landing .what{padding:0 0 92px}.reef.pg-landing .panel{background:var(--sec);color:var(--ink);border-radius:24px;padding:48px 40px 40px}.reef.pg-landing .panel h2{max-width:24ch;font-size:clamp(26px,3.1vw,40px);line-height:1.05}.reef.pg-landing .panel .lede{max-width:52ch;color:var(--ink);margin:18px 0 0;font-size:16px;line-height:1.55}.reef.pg-landing .panel .close{text-align:center;color:var(--ink);margin:32px 0 0;font-size:15.5px;font-weight:600}.reef.pg-landing .four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:34px;display:grid}.reef.pg-landing .fc{background:#fff;border-radius:11px;padding:22px 20px 24px}.reef.pg-landing .fc h3{letter-spacing:-.035em;min-height:2.56em;font-size:17px;line-height:1.28}.reef.pg-landing .fc p{color:#26283a;margin:11px 0 0;font-size:13.8px;line-height:1.6}.reef.pg-landing .modes{padding:0 0 92px}.reef.pg-landing .pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.reef.pg-landing .mode{border:1px solid var(--line);box-shadow:var(--lift);background:#fff;border-radius:18px;flex-direction:column;padding:15px;transition:transform .18s,box-shadow .18s;display:flex}.reef.pg-landing .mode:hover{transform:translateY(-3px);box-shadow:0 2px 3px #000a5e0d,0 18px 34px -18px #000a5e57}.reef.pg-landing .mode .art{aspect-ratio:16/9;border-radius:13px;place-items:center;padding:24px;display:grid}.reef.pg-landing .mode .art svg{width:100%;max-width:340px;height:auto;display:block}.reef.pg-landing .mode.a .art{background:var(--tint)}.reef.pg-landing .mode.b .art{background:var(--p70)}.reef.pg-landing .mode .low{border-top:1px solid var(--line);flex-direction:column;flex:1;margin:18px -15px 0;padding:18px 22px 0;display:flex}.reef.pg-landing .mode h3{font-size:19px}.reef.pg-landing .mode p{color:var(--mut);max-width:38ch;margin:9px 0 18px;font-size:13.8px;line-height:1.62}.reef.pg-landing .mode p b{color:var(--ink);font-weight:600}.reef.pg-landing .mode .go{color:var(--p70);align-items:center;gap:8px;margin-top:auto;font-size:14px;font-weight:700;display:inline-flex}.reef.pg-landing .mode .go .i{stroke-width:2.5px;font-size:15px;transition:transform .16s}.reef.pg-landing .mode:hover .go .i{transform:translate(3px)}.reef.pg-landing .ccards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.reef.pg-landing .cco{background:#fff;border:1.5px solid #e4e5ea;border-radius:14px;padding:14px;transition:border-color .16s,box-shadow .16s;display:block}.reef.pg-landing .cco:hover{border-color:var(--p100);box-shadow:5px 5px 0 0 var(--sec)}.reef.pg-landing .cco .tile{aspect-ratio:5/2;background:#f5f6f9;border-radius:9px;place-items:center;padding:18px;display:grid}.reef.pg-landing .cco .tile img{object-fit:contain;border-radius:5px;max-width:66%;max-height:64%;display:block}.reef.pg-landing .cco .row{align-items:center;gap:12px;margin-top:15px;display:flex}.reef.pg-landing .cco h3{font-size:16.5px}.reef.pg-landing .cco .sector{color:var(--fnt);margin:3px 0 0;font-size:12px}.reef.pg-landing .cco .arw{background:var(--p100);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;margin-left:auto;font-size:15px;transition:background .16s;display:grid}.reef.pg-landing .cco .arw .i{stroke-width:2.2px}.reef.pg-landing .cco:hover .arw{background:var(--p70)}.reef.pg-landing .allco{text-align:center;color:var(--p70);margin:34px 0 0;font-size:14px;font-weight:600}.reef.pg-landing .allco a{align-items:center;gap:8px;display:inline-flex}.reef.pg-landing .allco .i{stroke-width:2.4px;font-size:15px}@media (max-width:980px){.reef.pg-landing .hero{padding:52px 0 56px}.reef.pg-landing .hero .wrap{grid-template-columns:minmax(0,1fr);gap:38px}.reef.pg-landing .hart{aspect-ratio:auto;max-width:400px;margin:0 auto;padding:26px}.reef.pg-landing .what,.reef.pg-landing .modes{padding-bottom:64px}.reef.pg-landing .panel{border-radius:20px;padding:44px 30px 32px}.reef.pg-landing .four{grid-template-columns:repeat(2,minmax(0,1fr))}.reef.pg-landing .pair{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.reef.pg-landing .hero{padding:44px 0}.reef.pg-landing .panel{padding:32px 20px 24px}.reef.pg-landing .four,.reef.pg-landing .ccards{grid-template-columns:minmax(0,1fr)}.reef.pg-landing .fc h3{min-height:0}}