.pi-hero{padding:clamp(150px,19vh,210px) 0 clamp(64px,7vw,110px);position:relative;overflow:hidden}.pi-sky{pointer-events:none;background:url(/img/hero-sky.webp) 50% 30%/cover no-repeat;height:min(100%,860px);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 45%,#0000 96%);mask-image:linear-gradient(#000 45%,#0000 96%)}.pi-sky:after{content:"";background:radial-gradient(70% 55% at 30% 35%,#f6f6f4c7,#f6f6f44d 70%,#f6f6f41a);position:absolute;inset:0}.pi-hero>.wrap{z-index:2;position:relative}.pi-hero .h1{max-width:12.5ch}.pi-hero .lede{color:#3f423c;max-width:46ch;margin-top:22px}.pi-cta{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.pi-fine{color:#4f524c;margin-top:14px;font-size:13px}@media (width<=700px){.pi-hero{padding-top:120px}.pi-cta .btn{flex:auto}}.pi-mist{position:relative}.pi-mist:before{content:"";opacity:.75;pointer-events:none;background:url(/img/mist.webp) 50%/cover no-repeat;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 78%,#0000);mask-image:linear-gradient(#0000,#000 20% 78%,#0000)}.pi-mist>*{position:relative}.pi-sec{padding:var(--sec) 0}.pi-head{margin-bottom:clamp(40px,4.4vw,68px)}.pi-head .h2{max-width:17ch}.pi-head .lede{max-width:50ch;margin-top:18px}.pi-head.center{text-align:center}.pi-head.center .h2,.pi-head.center .lede{margin-inline:auto}.pi-bz{outline:1px solid var(--hair);outline-offset:-1px;background:#ffffff8c;border:1px solid #fff;border-radius:28px;min-width:0;padding:8px;position:relative}.pi-bz-in{border:1px solid var(--hair);background:#fff;border-radius:20px;min-width:0}.pi-ui{color:var(--ink);text-align:left;background:#fff;border:1px solid #e3e5df;border-radius:16px;font-size:13px;position:relative;box-shadow:0 1px 2px #10140e0a,0 22px 44px -28px #10140e47}.pi-ui-h{border-bottom:1px solid #eceee9;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pi-ui-t{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.pi-ui-t em{color:#8b8e86;margin-left:6px;font-style:normal;font-weight:400}.pi-pill{color:#4b4f48;white-space:nowrap;background:#fafaf8;border:1px solid #e3e5df;border-radius:999px;align-items:center;gap:6px;height:24px;padding:0 10px;font-size:11.5px;display:inline-flex}.pi-st{color:#2f6a22;white-space:nowrap;background:#edf5e8;border-radius:99px;align-items:center;gap:6px;height:22px;padding:0 9px;font-size:11px;font-weight:500;display:inline-flex}.pi-st:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pi-st.warn{background:var(--lichen-3);color:#a24a10}.pi-st.mute{color:#6b6f67;background:#f1f2ee}.pi-mini-btn{color:#fff;white-space:nowrap;background:linear-gradient(#4a4e46,#121411);border-radius:9px;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff38}.pi-mini-btn.ghost{color:var(--ink);box-shadow:none;background:#fff;border:1px solid #e3e5df}.pi-logo{flex:none;width:30px;height:30px}.pi-logo.sm{width:22px;height:22px}.pi-split{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(36px,5vw,88px);display:grid}.pi-split.flip{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.pi-split.flip>.pi-copy{order:2}.pi-copy .h2{max-width:12ch}.pi-copy .lede{max-width:40ch;margin-top:18px}.pi-facts{border-top:1px solid var(--hair-2);margin-top:30px;padding:0;list-style:none;display:grid}.pi-facts li{border-bottom:1px solid var(--hair-2);color:var(--slate);grid-template-columns:7.5em 1fr;gap:16px;padding:14px 0;font-size:15px;display:grid}.pi-facts b{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:600;line-height:1.2}@media (width<=1000px){.pi-split,.pi-split.flip{grid-template-columns:minmax(0,1fr)}.pi-split.flip>.pi-copy{order:0}}.pi-form{gap:14px;display:grid}.pi-row2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.pi-row2{grid-template-columns:1fr}}.pi-f{gap:7px;min-width:0;display:grid}.pi-f>label,.pi-lbl{color:var(--ink-2);font-size:13.5px;font-weight:500}.pi-in{border:1px solid var(--hair-2);width:100%;height:50px;font:inherit;color:var(--ink);transition:border-color var(--t-s) var(--ease), background var(--t-s) var(--ease), box-shadow var(--t-m) var(--ease);background:#fbfbfa;border-radius:14px;outline:none;padding:0 16px;font-size:15.5px}textarea.pi-in{resize:vertical;height:auto;min-height:110px;padding:14px 16px;line-height:1.5}.pi-in::placeholder{color:#a3a69e}.pi-in:hover{border-color:#c3c6bf}.pi-in:focus,.pi-in:focus-visible{border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px #3d8b2a24}.pi-f.bad .pi-in,.pi-f.bad .pi-sel-btn{border-color:var(--lichen);background:#fffaf6}.pi-f.bad .pi-in:focus,.pi-f.bad .pi-sel-btn:focus-visible{box-shadow:0 0 0 4px #d9691c24}.pi-err{transition:grid-template-rows .32s var(--ease);grid-template-rows:0fr;display:grid}.pi-err>span{color:#a24a10;opacity:0;transition:opacity .22s var(--ease), transform .32s var(--ease);font-size:13px;overflow:hidden;transform:translateY(-4px)}.pi-f.bad .pi-err{grid-template-rows:1fr}.pi-f.bad .pi-err>span{opacity:1;transform:none}.pi-note{color:var(--slate);font-size:13px}.pi-demo{color:var(--mute);font-size:12.5px}.pi-sel{position:relative}.pi-sel-btn{border:1px solid var(--hair-2);text-align:left;width:100%;height:50px;color:var(--ink);transition:border-color var(--t-s) var(--ease), background var(--t-s) var(--ease), box-shadow var(--t-m) var(--ease);background:#fbfbfa;border-radius:14px;align-items:center;gap:10px;padding:0 44px 0 16px;font-size:15.5px;display:flex}.pi-sel-btn:hover{border-color:#c3c6bf}.pi-sel-btn:focus-visible,.pi-sel.open .pi-sel-btn{border-color:var(--ink);background:#fff;outline:none;box-shadow:0 0 0 4px #3d8b2a24}.pi-sel-btn .is-ph{color:#a3a69e}.pi-sel-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:12px;height:12px;transition:transform var(--t-m) var(--ease);margin-top:-6px;position:absolute;top:50%;right:16px}.pi-sel.open .pi-sel-btn svg{transform:rotate(180deg)}.pi-sel-list{z-index:20;overscroll-behavior:contain;opacity:0;visibility:hidden;transform-origin:50% 0;max-height:300px;transition:opacity .22s var(--ease), transform .36s var(--ease), visibility 0s linear .36s;background:#fff;border:1px solid #e6e7e2;border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;transform:translateY(-6px)scale(.985);box-shadow:0 1px 2px #10140e0d,0 28px 60px -28px #0e140c66}.pi-sel.open .pi-sel-list{opacity:1;visibility:visible;transition-delay:0s;transform:none}.pi-sel.up .pi-sel-list{transform-origin:50% 100%;top:auto;bottom:calc(100% + 8px)}.pi-sel-list li{cursor:var(--cursor-hand);transition:background var(--t-s) var(--ease);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;font-size:15px;display:flex}.pi-sel-list li em{color:var(--mute);font-size:12.5px;font-style:normal}.pi-sel-list li.act{background:#f3f5f0}.pi-sel-list li[aria-selected=true]{font-weight:500}.pi-sel-list li[aria-selected=true]:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.4l2.8 2.8 6-6' fill='none' stroke='%233d8b2a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:14px;height:14px}.pi-sel-list li[aria-selected=true] em{display:none}@media (width<=560px){.pi-sel-list{border-radius:22px;max-height:60vh;padding:10px;position:fixed;left:10px;right:10px;transform:translateY(24px);top:auto!important;bottom:10px!important}.pi-sel.open .pi-sel-list{transform:none}.pi-sel-list li{padding:14px}}.pi-chips{flex-wrap:wrap;gap:8px;display:flex}.pi-chip{border:1px solid var(--hair-2);height:40px;transition:border-color var(--t-s) var(--ease), background var(--t-m) var(--ease), color var(--t-m) var(--ease);background:#fbfbfa;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:14px;display:inline-flex;position:relative}.pi-chip:hover{border-color:#c3c6bf}.pi-chip input{opacity:0;cursor:inherit;margin:0;position:absolute;inset:0}.pi-chip i{width:16px;height:16px;transition:background var(--t-m) var(--ease), border-color var(--t-m) var(--ease);border:1.5px solid #c3c6bf;border-radius:50%;place-items:center;display:grid}.pi-chip i svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:14;stroke-dashoffset:14px;width:10px;height:10px;transition:stroke-dashoffset .36s var(--ease)}.pi-chip:has(input:checked){border-color:var(--moss-2);background:#f4faee}.pi-chip:has(input:checked) i{background:var(--moss);border-color:var(--moss)}.pi-chip:has(input:checked) i svg{stroke-dashoffset:0}.pi-chip:has(input:focus-visible){outline:2px solid var(--moss);outline-offset:2px}.pi-swap{display:grid}.pi-swap>*{transition:opacity .42s var(--ease), transform .52s var(--ease), visibility 0s linear 0s;grid-area:1/1}.pi-swap .pi-done{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s var(--ease), transform .52s var(--ease), visibility 0s linear .52s;transform:translateY(14px)}.pi-swap.sent>form{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--ease), transform .42s var(--ease), visibility 0s linear .42s;transform:translateY(-10px)}.pi-swap.sent .pi-done{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.16s,.16s,0s;transform:none}.pi-done{align-self:center;justify-items:start;gap:12px;display:grid}.pi-done-ic{background:var(--moss-3);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.pi-done-ic svg{fill:none;width:24px;height:24px;stroke:var(--moss-ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px;transition:stroke-dashoffset .7s var(--ease) .4s}.pi-swap.sent .pi-done-ic svg{stroke-dashoffset:0}.pi-done h3{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.1}.pi-done p{color:var(--slate);max-width:40ch}.pi-done button{text-decoration:underline;text-decoration-color:var(--moss-2);text-underline-offset:5px;font-weight:500;text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){.pi-swap>*,.pi-sel-list,.pi-err,.pi-err>span{transition:none!important}}
