.pg-role .dh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:end;margin-top:16px}.pg-role .dh .txt{display:grid;gap:20px;padding-bottom:48px}.pg-role .dh h1{font-size:clamp(46px,6vw,92px);letter-spacing:-.05em;line-height:.92;font-weight:800}.pg-role .dh .pr{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}.pg-role .dh .pr>div{background:#fff;border-radius:20px;padding:14px 18px;box-shadow:var(--sh-1)}.pg-role .dh .pr b{display:block;font-family:var(--display);font-size:30px;letter-spacing:-.03em}.pg-role .dh .pr small{color:var(--muted);font-size:13px}.pg-role .dh .pr .hi{background:var(--blue);color:#fff}.pg-role .dh .pr .hi small{color:#D5DAFF}.pg-role .dart{position:relative;height:560px}.pg-role .dart .sq{position:absolute;left:6%;right:0;bottom:0;top:180px;background:var(--ink);border-radius:var(--r-xl) var(--r-xl) 0 0;overflow:hidden}.pg-role .dart .sq .q{position:absolute;width:320px;height:320px;border-radius:50%;background:var(--blue);right:-80px;top:-80px}.pg-role .dart .sq .q2{position:absolute;width:160px;height:160px;border-radius:50%;background:var(--sun);left:-50px;bottom:-50px}.pg-role .dart .sq .dots{inset:0;color:#fff;opacity:.15}.pg-role .dart .me{position:absolute;bottom:0;left:53%;transform:translateX(-50%);height:96%;max-width:none;filter:drop-shadow(0 30px 34px rgba(10,15,61,.45))}.pg-role .dart .ledger{left:-4%;top:250px;flex-direction:column;align-items:stretch;gap:8px;width:230px;padding:14px}.pg-role .dart .ledger .r{display:flex;justify-content:space-between;font-size:13px}.pg-role .dart .ledger .r b{font-family:var(--mono);font-size:13px;display:inline}.pg-role .dart .ledger .ok{color:var(--ok);font-weight:600;font-size:13px;display:flex;gap:6px;align-items:center}.pg-role .dart .s2{right:-2%;top:150px;--rot:2deg}.pg-role .dart .s2 .ic{background:var(--sun-soft);color:var(--sun)}.pg-role .what{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.pg-role .what .big{font-family:var(--display);font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-.025em;line-height:1.18}.pg-role .why{display:grid;gap:12px}.pg-role .why div:not(.eyebrow){display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:18px;box-shadow:var(--sh-1)}.pg-role .why .n{width:36px;height:36px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none;font-family:var(--mono);font-weight:600}.pg-role .skt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.pg-role .skt .card{padding:28px}.pg-role .skt h3{font-size:22px;margin-bottom:16px}.pg-role .skl{display:flex;flex-wrap:wrap;gap:10px}.pg-role .skl span{display:flex;gap:8px;align-items:center;padding:10px 16px;border-radius:99px;background:var(--paper);font-weight:600;font-size:15px}.pg-role .skl span svg{color:var(--ok)}.pg-role .tl2{display:grid;gap:10px}.pg-role .tl2 span{display:flex;align-items:center;gap:12px;font-weight:600;padding:10px;border-radius:16px;border:1.5px solid var(--line)}.pg-role .tl2 i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-family:var(--mono);color:#fff;background:var(--ink);font-size:13px}.pg-role .tl2 small{margin-left:auto;color:var(--muted);font-weight:500;font-size:13px}.pg-role .chartc{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0;background:#fff;border-radius:var(--r-xl);box-shadow:var(--sh-1);overflow:hidden}.pg-role .chartc .l,.pg-role .chartc .r{padding:clamp(24px,4vw,48px)}.pg-role .chartc .r{background:var(--blue);color:#fff;display:grid;gap:14px;align-content:center;position:relative;overflow:hidden}.pg-role .chartc .r .orbit{width:400px;height:400px;right:-160px;bottom:-160px;color:#fff;opacity:.25}.pg-role .chartc .r .sv{font-family:var(--display);font-weight:800;font-size:clamp(52px,6vw,88px);letter-spacing:-.05em;line-height:1;color:var(--sun)}.pg-role .cols{display:flex;align-items:flex-end;gap:clamp(18px,4vw,48px);height:330px;padding:20px 0 0;border-bottom:2px solid var(--line);margin-top:24px;position:relative}.pg-role .cols .gl{position:absolute;left:0;right:0;border-top:1px dashed var(--line);font-family:var(--mono);font-size:11px;color:var(--muted)}.pg-role .cols .gl span{position:absolute;right:0;top:-16px}.pg-role .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:10px;position:relative;z-index:1;max-width:150px}.pg-role .col .b{border-radius:16px 16px 0 0;transform-origin:bottom;animation:pg-role-growup 1.4s var(--ease) both;position:relative;display:flex;justify-content:center}.pg-role .col .b em{position:absolute;top:-30px;font-style:normal;font-family:var(--mono);font-weight:600;font-size:14px;white-space:nowrap}.pg-role .col:nth-child(3) .b{animation-delay:.15s}.pg-role .col:nth-child(4) .b{animation-delay:.3s}.pg-role .col:nth-child(5) .b{animation-delay:.45s}@keyframes pg-role-growup{0%{transform:scaleY(0)}}.pg-role .legend{display:flex;gap:clamp(18px,4vw,48px)}.pg-role .legend span{flex:1;max-width:150px;font-size:13px;color:var(--muted);text-align:center;line-height:1.3}.pg-role .legend b{display:block;color:var(--ink);font-size:14px}.pg-role .day{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.pg-role .day:before{background:repeating-linear-gradient(90deg,var(--line-2) 0 10px,transparent 10px 18px)}.pg-role .day:after,.pg-role .day:before{content:"";position:absolute;left:0;right:0;top:27px;height:3px}.pg-role .day:after{background:var(--sun);transform-origin:left;animation:grow 2.4s .3s var(--ease) both}.pg-role .slot{position:relative;display:grid;gap:10px;align-content:start}.pg-role .slot .t{width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid var(--ink);display:grid;place-items:center;position:relative;z-index:1;color:var(--ink)}.pg-role .slot:nth-child(3) .t,.pg-role .slot:nth-child(6) .t{background:var(--ink);color:#fff}.pg-role .slot .when{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--blue)}.pg-role .slot h4{font-size:18px;letter-spacing:-.02em}.pg-role .slot p{font-size:14px;color:var(--muted)}.pg-role .availg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 20px}@media (max-width:1080px){.pg-role .availg{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-role .day{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.pg-role .day:after,.pg-role .day:before{display:none}}@media (max-width:980px){.pg-role .chartc,.pg-role .dh,.pg-role .faq,.pg-role .skt,.pg-role .what{grid-template-columns:minmax(0,1fr)}.pg-role .dh .txt{padding-bottom:0}.pg-role .dart{height:480px}}@media (max-width:600px){.pg-role .dart{height:420px}.pg-role .dart .sq{left:0;top:130px}.pg-role .dart .ledger{left:0;top:auto;bottom:18px;width:200px}.pg-role .dart .s2{right:0;top:60px}.pg-role .availg{grid-template-columns:minmax(0,1fr)}.pg-role .day{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-role .cols{height:260px;gap:12px}.pg-role .legend{gap:12px}.pg-role .legend span{font-size:11.5px}.pg-role .col .b em{font-size:11px}}