.p-portal .portal-head{grid-template-columns:7fr 5fr;align-items:end;gap:clamp(28px,5vw,96px);display:grid}@media (max-width:900px){.p-portal .portal-head{grid-template-columns:1fr}}.p-portal .login-panel h2{margin:0 0 6px}.p-portal .login-panel form{gap:16px;margin-top:22px;display:grid}.p-portal .login-panel .btn{justify-content:center;width:100%}.p-portal .login-panel .fine{color:var(--slate);margin:14px 0 0;font-size:13.5px}.p-portal .login-panel .err{font:400 12.5px/1.4 var(--mono);color:#9a3b2e;margin:0;display:none}.p-portal .login-panel .err.on{display:block}.p-portal .confirm{border-top:1px solid var(--ink);margin-top:22px;padding-top:20px;display:none}.p-portal .confirm.on{display:block}.p-portal .confirm .display-s{margin:6px 0 10px}.p-portal .confirm p{margin:0 0 10px;font-size:15.5px}.p-portal .confirm button{font:inherit;color:var(--spruce);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.p-portal .tp-devices{margin-top:clamp(48px,6vw,88px);padding-bottom:clamp(40px,5vw,72px);position:relative}.p-portal .tp-devices:before{content:"";pointer-events:none;background:radial-gradient(55% 60% at 50% 42%,#fff 0%,#ffffff80 50%,#fff0 78%);border-radius:2px;position:absolute;inset:8% -4% -2%}.p-portal .tp-laptop{width:80%;margin:0 auto}.p-portal .tp-phone{z-index:2;width:17.5%;max-width:none;position:absolute;bottom:0}.p-portal .tp-phone-a{left:0}.p-portal .tp-phone-b{right:0}.p-portal .tp-dev-labels{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,48px);margin:clamp(20px,3vw,36px) 0 0;padding:0;list-style:none;display:grid}.p-portal .tp-dev-labels li{font:400 15px/1.45 var(--body);color:var(--ink-soft);align-items:baseline;gap:12px;padding-top:16px;display:flex}.p-portal .tp-dev-labels span{font:400 11px/1 var(--mono);letter-spacing:.12em;color:var(--spruce)}@media (max-width:900px){.p-portal .tp-devices{grid-template-columns:1fr 1fr;gap:28px 6%;padding-bottom:0;display:grid}.p-portal .tp-laptop{grid-column:1/-1;width:100%}.p-portal .tp-phone{width:100%;max-width:250px;position:relative;bottom:auto;left:auto;right:auto}}@media (max-width:640px){.p-portal .tp-dev-labels{grid-template-columns:1fr;gap:0}.p-portal .tp-dev-labels li{border-bottom:1px solid var(--rule);padding:14px 0}}.p-portal .moments{border-top:1px solid var(--rule);grid-template-columns:7fr 3fr 4fr;align-items:end;gap:clamp(14px,2vw,32px);margin-top:clamp(56px,6vw,96px);padding-top:clamp(32px,4vw,48px);display:grid}.p-portal .moments .m-text .display-s{max-width:20ch}.p-portal .moments .m-text p{max-width:34ch;margin:12px 0 0;font-size:15.5px}.p-portal .moments .figure:first-child .frame{aspect-ratio:2}.p-portal .moments .figure.tall .frame{aspect-ratio:3/4}@media (max-width:900px){.p-portal .moments{grid-template-columns:1fr 1fr}.p-portal .moments .figure:first-child{grid-column:1/-1}.p-portal .moments .m-text{grid-area:2/2;align-self:center}.p-portal .moments .figure.tall{grid-area:2/1}}@media (max-width:520px){.p-portal .moments{grid-template-columns:1fr}.p-portal .moments .m-text,.p-portal .moments .figure.tall{grid-area:auto/1}.p-portal .moments .figure.tall .frame{aspect-ratio:4/5}}.p-portal .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);display:grid}.p-portal .feature-grid>div{border-top:1px solid var(--rule);padding:24px 0 28px}.p-portal .feature-grid h3{margin-bottom:8px}.p-portal .feature-grid p{margin:0;font-size:15.5px}.p-portal .dark .feature-grid>div{border-top-color:var(--rule-dark)}.p-portal .dark .feature-grid p{color:#b9bec0}@media (max-width:900px){.p-portal .feature-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.p-portal .feature-grid{grid-template-columns:1fr}}.p-portal .faq{border-top:1px solid var(--ink)}.p-portal .faq details{border-bottom:1px solid var(--rule)}.p-portal .faq summary{cursor:pointer;font:500 clamp(18px,1.6vw,21px)/1.3 var(--display);color:var(--ink);justify-content:space-between;align-items:baseline;gap:24px;padding:22px 0;font-stretch:94%;list-style:none;display:flex}.p-portal .faq summary::-webkit-details-marker{display:none}.p-portal .faq summary:after{content:"+";font:400 18px/1 var(--mono);color:var(--spruce);flex-shrink:0}.p-portal .faq details[open] summary:after{content:"−"}.p-portal .faq .a{max-width:var(--measure);padding:0 0 24px}.p-portal .faq .a p{margin:0 0 .9em;font-size:16px}.p-portal{overflow-x:clip}