.pi-page{--green:#2BD66A;--green-soft:#DDF3E3;--green-deep:#1F6B3A;--yellow:#FFC72C;--ink:#0F2417;--ink-2:#1A3322;--surface:#F3F4EF;--white:#fff;--mut:#5F665C;--mut-2:#8A9086;--line:rgba(15,36,23,.09);--coral-soft:#F6E4DA;--coral-ink:#9A4A2C;--coral-on-ink:#F0A487;--mint:#9FDDB3;--glass:rgba(255,255,255,.16);--glass-b:rgba(255,255,255,.34);--r-xl:32px;--r-lg:22px;--r-md:14px;--ease:cubic-bezier(.2,.7,.2,1);--sec:clamp(60px,7vw,96px);--sans:"42dot Sans",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:8px}.pi-page *{box-sizing:border-box}.pi-page [hidden]{display:none!important}.pi-page a{color:inherit;text-decoration:none}.pi-page img{display:block;max-width:100%}.pi-page .pi-wrap{max-width:1240px;margin:0 auto;padding-inline:16px}.pi-page .pi-num{font-variant-numeric:tabular-nums}.pi-page button,.pi-page select,.pi-page input{font-family:var(--sans)}.pi-page :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:12px}.pi-page .pi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes pi-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pi-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pi-draw{0%{stroke-dashoffset:var(--len,600)}to{stroke-dashoffset:0}}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}@keyframes pi-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.pi-page .pi-in{animation:pi-up .9s var(--ease) both}.pi-page .pi-d1{animation-delay:.05s}.pi-page .pi-d2{animation-delay:.15s}.pi-page .pi-d3{animation-delay:.27s}.pi-page .pi-d4{animation-delay:.4s}@supports (animation-timeline: view()){.pi-page .pi-reveal{animation:pi-up linear both;animation-timeline:view();animation-range:entry 0% entry 50%}.pi-page .pi-reveal .pi-grow{animation:pi-grow linear both;animation-timeline:view();animation-range:entry 10% entry 80%;transform-origin:left}}@media (prefers-reduced-motion: reduce){.pi-page *,.pi-page *:before,.pi-page *:after{animation:none!important;transition:none!important}}.pi-page .pi-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;font:600 14px/1 var(--sans);border:0;cursor:pointer;transition:transform .25s var(--ease),filter .25s,background .25s;white-space:nowrap}.pi-page .pi-pill:hover{transform:translateY(-1px);filter:brightness(1.05)}.pi-page .pi-pill:active{transform:none;filter:brightness(.96)}.pi-page .pi-pill:disabled{opacity:.65;cursor:progress}.pi-page .pi-pill.pi-k{background:var(--ink);color:#fff}.pi-page .pi-pill.pi-y{background:var(--yellow);color:var(--ink)}.pi-page .pi-pill.pi-w{background:var(--white);color:var(--ink);border:1px solid var(--line)}.pi-page .pi-pill svg{width:16px;height:16px}.pi-page .pi-hero{position:relative;margin:16px;border-radius:var(--r-xl);overflow:hidden;color:var(--white);background:#2d5a2a;isolation:isolate}.pi-page .pi-hero-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 40%;object-position:center 40%;z-index:-2;max-width:none}.pi-page .pi-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08180ea8,#08180e47 55%,#08180e1a),linear-gradient(180deg,#0000002e,#0000 30%,#0006)}.pi-page .pi-glass-pill{display:inline-flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:500;margin-bottom:22px}.pi-page .pi-glass-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #2bd66a40}.pi-page .pi-hero-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:end;padding:calc(var(--gf-header-height, 0px) + clamp(40px,6vw,80px)) clamp(20px,3.4vw,40px) 30px}@media (max-width:860px){.pi-page .pi-hero-body{grid-template-columns:minmax(0,1fr)}}.pi-page h1{font-size:clamp(44px,7vw,96px);line-height:.95;letter-spacing:-.04em;font-weight:500;margin:0 0 20px;text-wrap:balance;color:inherit}.pi-page h1 em{font-style:normal;color:var(--yellow)}.pi-page .pi-lead{font-size:clamp(16px,1.4vw,19px);max-width:480px;color:#ffffffe0;margin:0}.pi-page .pi-quote{justify-self:end;width:100%;max-width:420px;background:#0f2417d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--r-lg);padding:22px;box-shadow:0 30px 70px #0000004d}.pi-page .pi-quote .pi-hd{display:flex;justify-content:space-between;font-size:13px;color:#fff9}.pi-page .pi-quote .pi-t{margin:10px 0 0;font-size:17px;font-weight:500}.pi-page .pi-quote .pi-big{font-size:52px;font-weight:600;letter-spacing:-.035em;line-height:1;margin:12px 0 4px}.pi-page .pi-quote .pi-big small{font-size:14px;font-weight:500;color:#ffffff94;letter-spacing:0;margin-left:8px}.pi-page .pi-quote svg{display:block;width:100%;height:auto;margin-top:8px}.pi-page .pi-qline{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,600);animation:pi-draw 1.6s .6s var(--ease) both}.pi-page .pi-qlbl{font:500 11px var(--sans);fill:#ffffff8c}.pi-page .pi-qval{font:600 12px var(--sans);fill:#fff}.pi-page .pi-hero-foot{display:flex;gap:8px;flex-wrap:wrap;padding:0 clamp(20px,3.4vw,40px) 26px}.pi-page .pi-stat-g{display:flex;gap:10px;align-items:center;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:7px 16px 7px 7px;font-size:13.5px}.pi-page .pi-stat-g b{background:var(--white);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.pi-page .pi-answer{margin-top:14px;background:var(--white);border-radius:var(--r-lg);padding:20px 24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.pi-page .pi-answer .pi-q{width:34px;height:34px;border-radius:50%;background:var(--green-soft);color:var(--green-deep);display:grid;place-items:center;font-weight:700}.pi-page .pi-answer h2{margin:0 0 4px;font-size:16px;font-weight:600}.pi-page .pi-answer p{margin:0;color:var(--mut);max-width:90ch}.pi-page .pi-answer p b{color:var(--ink);font-weight:600}.pi-page .pi-sec{padding-top:var(--sec)}.pi-page .pi-sec-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px;align-items:end;margin-bottom:28px}@media (max-width:860px){.pi-page .pi-sec-head{grid-template-columns:minmax(0,1fr);gap:14px}}.pi-page .pi-kicker{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:500;color:var(--mut)}.pi-page .pi-kicker i{width:14px;height:14px;border-radius:50%;background:var(--green)}.pi-page h2.pi-ed{font-size:clamp(32px,4.6vw,62px);line-height:1;letter-spacing:-.035em;font-weight:400;text-transform:uppercase;margin:0}.pi-page h2.pi-ed span{display:block}.pi-page h2.pi-ed span:nth-child(2){padding-left:8%}.pi-page .pi-sec-head p{color:var(--mut);margin:0 0 6px;max-width:380px}.pi-page .pi-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}@media (max-width:1000px){.pi-page .pi-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:520px){.pi-page .pi-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.pi-page .pi-tab{background:var(--white);border:1px solid transparent;border-radius:var(--r-md);padding:14px 14px 12px;text-align:left;cursor:pointer;display:grid;gap:6px;color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease),color .4s var(--ease)}.pi-page .pi-tab:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f241714}.pi-page .pi-tab .pi-tn{font-size:13px;font-weight:500;color:var(--mut);transition:color .4s var(--ease)}.pi-page .pi-tab .pi-tp{font-size:20px;font-weight:600;letter-spacing:-.02em}.pi-page .pi-tab .pi-td{font-size:12px;font-weight:600}.pi-page .pi-tab[aria-selected=true]{background:var(--ink);color:#fff;box-shadow:0 18px 36px #0f24172e}.pi-page .pi-tab[aria-selected=true] .pi-tn{color:#fff9}.pi-page .pi-up{color:var(--green-deep)}.pi-page .pi-dn{color:var(--coral-ink)}.pi-page .pi-eq{color:var(--mut)}.pi-page .pi-tab[aria-selected=true] .pi-up{color:var(--green)}.pi-page .pi-tab[aria-selected=true] .pi-dn{color:var(--coral-on-ink)}.pi-page .pi-tab[aria-selected=true] .pi-eq{color:#fff9}.pi-page .pi-detail{margin-top:12px;background:var(--white);border-radius:var(--r-xl);overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}@media (max-width:900px){.pi-page .pi-detail{grid-template-columns:minmax(0,1fr)}}.pi-page .pi-d-photo{position:relative;background:linear-gradient(160deg,#eef1e8,#dce4d4);min-height:420px;display:grid;place-items:center;overflow:hidden;padding:48px 32px 56px}.pi-page .pi-d-photo:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(43,214,106,.22),transparent 65%)}.pi-page .pi-d-photo .pi-cap{position:absolute;left:18px;bottom:16px;right:18px;font-size:12px;color:var(--mut)}.pi-page .pi-d-photo .pi-cap a{text-decoration:underline;text-underline-offset:2px}.pi-page .pi-listing.gf-home{background:transparent;position:relative;width:min(300px,78%);transform:rotate(-3deg);animation:pi-rise .8s var(--ease) both}.pi-page .pi-listing .nh-cb{box-shadow:0 28px 40px #0f24172e}.pi-page .pi-d-photo .pi-noimg{position:relative;width:120px;height:120px;opacity:.85;animation:pi-rise .8s var(--ease) both}.pi-page .pi-d-body{padding:clamp(22px,3vw,34px);display:grid;gap:22px;align-content:start}.pi-page .pi-d-body>*{animation:pi-fade .6s var(--ease) both}.pi-page .pi-d-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pi-page .pi-d-head h3{margin:0;font-size:26px;font-weight:500;letter-spacing:-.02em}.pi-page .pi-delta{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600}.pi-page .pi-delta.pi-up{background:var(--green-soft);color:var(--green-deep)}.pi-page .pi-delta.pi-dn{background:var(--coral-soft);color:var(--coral-ink)}.pi-page .pi-delta.pi-eq{background:var(--surface);color:var(--mut)}.pi-page .pi-d-chart svg{display:block;width:100%;height:auto}.pi-page .pi-dc-line{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len,600);animation:pi-draw 1.2s var(--ease) both}.pi-page .pi-dc-lbl{font:500 12px var(--sans);fill:var(--mut-2)}.pi-page .pi-dc-val{font:600 13px var(--sans);fill:var(--ink)}.pi-page .pi-fair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pi-page .pi-fair div{background:var(--surface);border-radius:var(--r-md);padding:12px 14px;display:grid;gap:2px}.pi-page .pi-fair span{font-size:12px;color:var(--mut)}.pi-page .pi-fair b{font-size:clamp(15px,2vw,18px);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.pi-page .pi-fair .pi-j{background:#fff6da}.pi-page .pi-brandlist{display:grid;gap:9px}.pi-page .pi-brandlist .pi-h{font-size:13px;font-weight:600;color:var(--mut)}.pi-page .pi-br{display:grid;grid-template-columns:118px minmax(0,1fr) 78px;gap:10px;align-items:center;font-size:14px}.pi-page .pi-br .pi-tr{position:relative;height:8px;border-radius:99px;background:var(--surface)}.pi-page .pi-br .pi-tr i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--green);opacity:.8;transform-origin:left;animation:pi-grow .9s var(--ease) both}.pi-page .pi-br .pi-tr .pi-m{position:absolute;top:-4px;width:2px;height:16px;background:var(--yellow);border-radius:2px}.pi-page .pi-br b{text-align:right;font-weight:600}.pi-page .pi-insight{background:var(--surface);border-radius:var(--r-md);padding:14px 16px;font-size:14.5px;margin:0}.pi-page .pi-insight b{font-weight:600}.pi-page .pi-d-actions{display:flex;gap:8px;flex-wrap:wrap}.pi-page .pi-note{margin:0;font-size:13.5px;color:var(--mut);max-width:72ch}.pi-page .pi-share-msg{font-size:13px;color:var(--mut);margin:0}.pi-page .pi-consult{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:clamp(24px,4vw,48px);display:grid;gap:34px;position:relative;overflow:hidden}.pi-page .pi-consult:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(43,214,106,.16),transparent 65%);pointer-events:none}.pi-page .pi-sentence{font-size:clamp(24px,3.4vw,44px);font-weight:400;letter-spacing:-.025em;line-height:1.5;max-width:26ch;position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:.1em .35em}.pi-page .pi-sentence .pi-slot{display:inline-flex;align-items:baseline;gap:.12em;border-bottom:2px solid rgba(255,255,255,.28);padding:0 2px;transition:border-color .3s var(--ease)}.pi-page .pi-sentence .pi-slot:focus-within{border-color:var(--yellow)}.pi-page .pi-sentence .pi-slot>span{color:#fff9}.pi-page .pi-sentence input,.pi-page .pi-sentence select{background:transparent;border:0;color:var(--yellow);font:500 1em var(--sans);letter-spacing:-.025em;padding:0;outline:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.pi-page .pi-sentence select option{color:var(--ink)}.pi-page .pi-sentence .pi-chev{width:.5em;height:.5em;opacity:.55;align-self:center}.pi-page .pi-res{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:end;position:relative}@media (max-width:860px){.pi-page .pi-res{grid-template-columns:minmax(0,1fr)}}.pi-page .pi-verdict{display:grid;gap:8px}.pi-page .pi-verdict .pi-v{font-size:clamp(40px,5.4vw,72px);font-weight:500;letter-spacing:-.04em;line-height:.95;transition:color .5s var(--ease)}.pi-page .pi-verdict .pi-v.pi-c{color:var(--green)}.pi-page .pi-verdict .pi-v.pi-f{color:var(--yellow)}.pi-page .pi-verdict .pi-v.pi-p{color:var(--coral-on-ink)}.pi-page .pi-verdict p{margin:0;color:#ffffffb3;font-size:16px;max-width:36ch}.pi-page .pi-verdict p b{color:#fff;font-weight:600}.pi-page .pi-verdict .pi-tip{font-size:14.5px;color:#ffffff9e;border-left:2px solid rgba(255,255,255,.18);padding-left:12px}.pi-page .pi-scale{position:relative;padding-top:42px}.pi-page .pi-zones{display:grid;grid-template-columns:var(--z1,25%) var(--z2,50%) var(--z3,25%);height:14px;border-radius:99px;overflow:hidden;transition:grid-template-columns .7s var(--ease)}.pi-page .pi-zones i:nth-child(1){background:#2bd66a8c}.pi-page .pi-zones i:nth-child(2){background:#ffc72c8c}.pi-page .pi-zones i:nth-child(3){background:#f0a48780}.pi-page .pi-zlab{display:grid;grid-template-columns:var(--z1,25%) var(--z2,50%) var(--z3,25%);margin-top:10px;font-size:12.5px;color:#fff9;transition:grid-template-columns .7s var(--ease)}.pi-page .pi-zlab span{padding-right:6px}.pi-page .pi-zlab span:nth-child(2){text-align:center}.pi-page .pi-zlab span:nth-child(3){text-align:right}.pi-page .pi-zlab b{display:block;color:#fff;font-weight:600;font-size:14px;white-space:nowrap}.pi-page .pi-pinw{position:absolute;top:0;transform:translate(-50%);transition:left .8s var(--ease),opacity .3s var(--ease);display:grid;justify-items:center;gap:6px;pointer-events:none}.pi-page .pi-pinw b{background:#fff;color:var(--ink);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 8px 18px #00000040}.pi-page .pi-pinw i{width:3px;height:26px;border-radius:2px;background:#fff}.pi-page .pi-mode{display:inline-flex;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px;justify-self:start;position:relative}.pi-page .pi-mode button{border:0;background:transparent;color:#ffffffb3;border-radius:999px;padding:9px 18px;font:500 14.5px var(--sans);cursor:pointer;transition:background .4s var(--ease),color .4s var(--ease)}.pi-page .pi-mode button[aria-selected=true]{background:#fff;color:var(--ink)}.pi-page .pi-res-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;font-size:13px;color:#ffffff8c;position:relative}@media (max-width:640px){.pi-page .pi-zlab{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pi-page .pi-zlab b{font-size:12.5px}.pi-page .pi-d-photo{min-height:300px;padding:28px 24px 44px}}.pi-page .pi-duels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media (max-width:900px){.pi-page .pi-duels{grid-template-columns:minmax(0,1fr)}}.pi-page .pi-duel{background:var(--white);border-radius:var(--r-lg);padding:24px;display:grid;gap:18px}.pi-page .pi-duel .pi-k{font-size:13px;font-weight:600;color:var(--mut)}.pi-page .pi-duel .pi-x{font-size:56px;font-weight:500;letter-spacing:-.04em;line-height:.9}.pi-page .pi-duel .pi-x small{font-size:15px;font-weight:500;letter-spacing:0;color:var(--mut);margin-left:6px}.pi-page .pi-duel .pi-bars{display:grid;gap:12px}.pi-page .pi-duel .pi-b{display:grid;gap:6px}.pi-page .pi-duel .pi-t{display:flex;justify-content:space-between;font-size:14px}.pi-page .pi-duel .pi-t b{font-weight:600}.pi-page .pi-duel .pi-t span{color:var(--mut)}.pi-page .pi-duel .pi-tr{height:10px;border-radius:99px;background:var(--surface);overflow:hidden}.pi-page .pi-duel .pi-tr i{display:block;height:100%;border-radius:99px;transform-origin:left}.pi-page .pi-duel .pi-foot{font-size:12.5px;color:var(--mut-2)}.pi-page .pi-heat-card{background:var(--white);border-radius:var(--r-xl);padding:clamp(16px,2.6vw,28px);overflow-x:auto}.pi-page table.pi-heat{border-collapse:separate;border-spacing:5px;width:100%;min-width:640px}.pi-page .pi-heat th{font-size:12.5px;font-weight:600;color:var(--mut);padding:4px 6px 8px;text-align:center}.pi-page .pi-heat th.pi-rh{text-align:left;font-size:14.5px;color:var(--ink);font-weight:500;white-space:nowrap;padding-right:16px;width:1%}.pi-page .pi-heat td{border-radius:12px;padding:12px 6px;text-align:center;font-size:14px;font-weight:500;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.pi-page .pi-heat td:not(.pi-e):hover{transform:scale(1.06);box-shadow:0 10px 20px #0f24171a}.pi-page .pi-heat td.pi-e{color:var(--mut-2);background:transparent}.pi-page .pi-hscale{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;font-size:12.5px;color:var(--mut)}.pi-page .pi-hscale i{width:160px;max-width:100%;height:8px;border-radius:99px;background:linear-gradient(90deg,#f2d9cc,#f3f4ef,#ddf3e3,#9fddb3)}.pi-page .pi-where{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px}@media (max-width:860px){.pi-page .pi-where{grid-template-columns:minmax(0,1fr)}}.pi-page .pi-photo{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:420px;background:#3d6b2f url(/img/home/green.webp) center/cover}.pi-page .pi-photo .pi-glass{position:absolute;left:18px;right:18px;bottom:18px;background:#0f24176b;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:var(--r-lg);padding:22px;color:#fff}.pi-page .pi-photo .pi-pct{font-size:clamp(64px,9vw,104px);font-weight:500;letter-spacing:-.05em;line-height:.9}.pi-page .pi-photo p{margin:8px 0 0;font-size:16px;max-width:34ch;color:#ffffffeb}.pi-page .pi-srcs{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:clamp(22px,3vw,34px);display:grid;gap:20px;align-content:center}.pi-page .pi-srcs h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.02em}.pi-page .pi-src{display:grid;gap:8px}.pi-page .pi-src .pi-t{display:flex;justify-content:space-between;font-size:14px;color:#ffffffbf}.pi-page .pi-src .pi-t b{color:#fff;font-weight:600}.pi-page .pi-src .pi-tr{height:10px;border-radius:99px;background:var(--ink-2);overflow:hidden}.pi-page .pi-src .pi-tr i{display:block;height:100%;border-radius:99px;transform-origin:left}.pi-page .pi-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.pi-page .pi-bento>*{border-radius:var(--r-xl);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:260px;grid-column:span 3}.pi-page .pi-bento .pi-w2{grid-column:span 2}.pi-page .pi-bento .pi-w4{grid-column:span 4}@media (max-width:900px){.pi-page .pi-bento{grid-template-columns:minmax(0,1fr)}.pi-page .pi-bento>*{grid-column:auto!important}}.pi-page .pi-bento .pi-bw{background:var(--white)}.pi-page .pi-bento .pi-bk{background:var(--ink);color:#fff}.pi-page .pi-bento .pi-by{background:var(--yellow)}.pi-page .pi-bento .pi-lab{font-size:13px;font-weight:600;opacity:.6}.pi-page .pi-bento .pi-n{font-size:clamp(54px,6vw,84px);font-weight:500;letter-spacing:-.05em;line-height:.9}.pi-page .pi-bento h3{margin:0;font-size:clamp(20px,2vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.15}.pi-page .pi-bento p{margin:6px 0 0;font-size:14.5px;opacity:.72}.pi-page .pi-gen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end;max-width:520px}.pi-page .pi-gen div{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;height:200px}.pi-page .pi-gen i{display:block;border-radius:14px 14px 6px 6px}.pi-page .pi-gen b{font-size:20px;font-weight:600;letter-spacing:-.02em}.pi-page .pi-gen span{font-size:12.5px;opacity:.72}.pi-page .pi-ufs{display:grid;gap:9px}.pi-page .pi-ufs div{display:grid;grid-template-columns:34px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:14px}.pi-page .pi-ufs .pi-tr{height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.pi-page .pi-bw .pi-ufs .pi-tr,.pi-page .pi-by .pi-ufs .pi-tr{background:#0f241714}.pi-page .pi-ufs .pi-tr i{display:block;height:100%;border-radius:99px;background:var(--green);transform-origin:left}.pi-page .pi-ufs b{text-align:right;font-weight:600}.pi-page .pi-twin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}@media (max-width:860px){.pi-page .pi-twin{grid-template-columns:minmax(0,1fr)}}.pi-page .pi-card{background:var(--white);border-radius:var(--r-xl);padding:clamp(22px,3vw,32px);display:grid;gap:14px;align-content:start}.pi-page .pi-card h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.02em}.pi-page .pi-card p{margin:0;color:var(--mut)}.pi-page .pi-card ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--mut);list-style:disc}.pi-page .pi-code{font:13px/1.5 ui-monospace,Cascadia Mono,monospace;background:var(--surface);border-radius:var(--r-md);padding:14px 16px;overflow-x:auto;white-space:pre;color:var(--ink-2);margin:0}.pi-page .pi-code.pi-wrap-text{white-space:normal}.pi-page .pi-widget{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:grid;gap:10px;max-width:340px}.pi-page .pi-widget .pi-wt{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--mut)}.pi-page .pi-widget .pi-wv{font-size:30px;font-weight:600;letter-spacing:-.03em}.pi-page .pi-widget .pi-wl{font-size:12.5px;color:var(--green-deep);font-weight:600}.pi-page .pi-faq{display:grid;gap:8px}.pi-page .pi-faq details{background:var(--white);border-radius:var(--r-lg);padding:18px 22px}.pi-page .pi-faq summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px}.pi-page .pi-faq summary::-webkit-details-marker{display:none}.pi-page .pi-faq summary:after{content:"+";color:var(--mut);transition:transform .3s var(--ease)}.pi-page .pi-faq details[open] summary:after{transform:rotate(45deg)}.pi-page .pi-faq p{margin:10px 0 0;color:var(--mut);max-width:80ch}.pi-page .pi-cta2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:var(--sec)}@media (max-width:760px){.pi-page .pi-cta2{grid-template-columns:minmax(0,1fr)}}.pi-page .pi-cta2 a{border-radius:var(--r-xl);padding:clamp(24px,3vw,34px);display:grid;gap:8px;transition:transform .4s var(--ease)}.pi-page .pi-cta2 a:hover{transform:translateY(-3px)}.pi-page .pi-cta2 a.pi-y{background:var(--yellow)}.pi-page .pi-cta2 a.pi-k{background:var(--ink);color:#fff}.pi-page .pi-cta2 b{font-size:clamp(22px,2.4vw,28px);font-weight:500;letter-spacing:-.02em}.pi-page .pi-cta2 span{font-size:14.5px;opacity:.75}.pi-page .pi-foot-note{padding:28px 4px 36px;font-size:13px;color:var(--mut);margin:0}.pi-page .pi-loading{min-height:60vh;display:grid;place-items:center;color:var(--mut)}