.p-paths{padding-block:4rem}@media (width>=40rem){.p-paths{padding-block:6rem}}.p-head{max-width:48rem}.p-sub{color:var(--color-muted);margin-top:1rem;font-size:1.125rem}.p-grid{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:2.5rem;display:grid}@media (width>=64rem){.p-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.p-card{isolation:isolate;border:1px solid var(--color-border);border-radius:1.5rem;flex-direction:column;min-width:0;padding:1.5rem;display:flex;position:relative}@media (width>=40rem){.p-card{padding:2rem}}.p-card-diy{background:radial-gradient(110% 70% at 100% 0,#034bdc61,#0000 62%),radial-gradient(80% 60% at 0 100%,#5b9dff1f,#0000 70%),linear-gradient(#14304fcc,#0d2035f2);border-color:#5b9dff80;box-shadow:inset 0 1px #ffffff0f,0 34px 80px -42px #034bdcf2}.p-card-dfy{background:radial-gradient(90% 60% at 0 0,#1d4ed829,#0000 70%),linear-gradient(#0d2035eb,#05141feb);box-shadow:inset 0 1px #ffffff0a,0 24px 60px -36px #000000e6}.p-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.p-tag{min-height:1.9rem;color:var(--color-text);letter-spacing:.1em;text-transform:uppercase;background:#034bdc73;border:1px solid #8fbbff80;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .8rem;font-size:.75rem;font-weight:700;display:inline-flex}.p-tag-alt{border-color:var(--color-input-border);background:#14304fd9}.p-brand{color:var(--color-muted);font-size:.8125rem;font-weight:600}.p-card h3{letter-spacing:-.025em;margin-top:1.25rem;font-size:clamp(1.5rem,1.6vw + 1rem,2.1rem);font-weight:800;line-height:1.1}.p-card h3 a{color:#a9ccff;text-underline-offset:.14em;text-decoration:underline 2px #8fbbff8c}.p-card h3 a:hover{color:var(--color-white)}.p-card>p{color:var(--color-muted);margin-top:.85rem;font-size:1.0625rem}.p-points{gap:.65rem;margin-top:1.5rem;display:grid}.p-points li{color:var(--color-text);align-items:flex-start;gap:.65rem;display:flex}.p-points svg{color:#8fbbff;flex:none;margin-top:.2rem}.p-ctas{flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1.75rem;display:flex}@media (width>=40rem){.p-ctas{flex-flow:wrap;align-items:center}}.p-ctas .btn,.diy-card-ctas .btn{text-align:center;min-height:3.25rem;line-height:1.25}.p-link{min-height:2.75rem;color:var(--color-link);justify-content:center;align-items:center;padding-inline:.5rem;font-weight:600;text-decoration:underline;display:inline-flex}.p-link:hover{color:var(--color-text)}.p-foot{text-align:center;color:var(--color-muted);margin-top:1.75rem}.p-foot a{color:var(--color-link);text-decoration:underline}.p-foot a:hover{color:var(--color-text)}.p-demo{gap:.75rem;margin-top:1.5rem;display:grid}.p-prompt{background:#05141fcc;border:1px solid #5b9dff73;border-radius:1rem;padding:.7rem 1rem .8rem;box-shadow:0 0 0 4px #034bdc1f}.p-prompt-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);font-size:.6875rem;font-weight:700;display:block}.p-typed{min-height:1.6rem;color:var(--color-text);align-items:center;margin-top:.3rem;font-size:.9375rem;font-weight:500;display:flex}.p-typed span{white-space:nowrap;overflow:hidden}.p-caret{background:#8fbbff;border-radius:1px;flex:none;width:2px;height:1.15em;margin-left:3px}.p-site{border:1px solid var(--color-border);background:#0a1b2c;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 18px 40px -26px #000000f2}.p-site-body{gap:.55rem;padding:.85rem;display:grid}.p-s{border-radius:999px;display:block}.p-s-nav{background:#8fbbff59;width:42%;height:.5rem}.p-s-hero{background:radial-gradient(70% 120% at 85% 10%,#ffffff47,#0000 60%),linear-gradient(120deg,#034bdc,#3f86ff 55%,#a9ccff);border-radius:.65rem;height:3.75rem}.p-s-title{background:#f0f9ffd9;width:68%;height:.7rem}.p-s-text{background:#8bb8d473;width:88%;height:.45rem}.p-s-cards{border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.p-s-cards b{border:1px solid var(--color-border);background:linear-gradient(#14304ff2,#0d2035f2);border-radius:.55rem;height:2.4rem;display:block}.p-sweep{pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 35%,#a9ccff2e 50%,#0000 65%);position:absolute;inset:0}.p-devices{margin-top:1.5rem;padding-bottom:.75rem;padding-right:13%;position:relative}.p-devices-desk{border:1px solid var(--color-border);background:var(--color-card);border-radius:1rem;overflow:hidden;box-shadow:0 22px 50px -30px #000000f2}.p-devices-desk img,.p-devices-phone img{width:100%;height:auto;display:block}.p-devices-phone{background:#14304f;border:3px solid #14304f;border-radius:.9rem;width:24%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 18px 40px -16px #000000f2,0 0 0 1px #5b9dff40}.diy-line{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:1rem;font-size:1rem;display:flex}.diy-line a{min-height:2.75rem;color:var(--color-text);text-underline-offset:.18em;align-items:center;gap:.4rem;font-weight:600;text-decoration:underline #8fbbff8c;display:inline-flex}.diy-line a strong{color:#a9ccff;font-weight:800}.diy-line a:hover{text-decoration-color:currentColor}.diy-line a:hover svg{transform:translate(3px)}.diy-line svg{color:#8fbbff;flex:none;transition:transform .2s ease-out}.diy-wrap{padding-block:1rem 3rem}@media (width>=40rem){.diy-wrap{padding-block:1.5rem 4rem}}.diy-card{isolation:isolate;background:radial-gradient(70% 120% at 100% 0,#034bdc6b,#0000 62%),radial-gradient(60% 90% at 0 100%,#5b9dff1f,#0000 70%),linear-gradient(#14304fd9,#0d2035f2);border:1px solid #5b9dff80;border-radius:1.5rem;grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.5rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 34px 80px -42px #034bdcf2}@media (width>=64rem){.diy-card{grid-template-columns:minmax(0,1fr) auto;gap:2.5rem;padding:2.25rem 2.5rem}}.diy-card .p-tag{width:fit-content}.diy-card-title{letter-spacing:-.025em;margin-top:1rem;font-size:clamp(1.5rem,1.5vw + 1rem,2.1rem);font-weight:800;line-height:1.12}.diy-card-title a{color:#a9ccff;text-underline-offset:.14em;text-decoration:underline 2px #8fbbff8c}.diy-card-title a:hover{color:var(--color-white)}.diy-card-text{max-width:46rem;color:var(--color-muted);margin-top:.75rem;font-size:1.0625rem}.diy-card-points{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1rem;display:flex}.diy-card-points li{color:var(--color-text);align-items:flex-start;gap:.5rem;display:flex}.diy-card-points svg{color:#8fbbff;flex:none;margin-top:.25rem}.diy-card-ctas{flex-direction:column;gap:.75rem;display:flex}@media (width>=40rem) and (width<=63.99rem){.diy-card-ctas{flex-flow:wrap;align-items:center}}.diy-card-ctas .btn{min-height:3.25rem}@media (prefers-reduced-motion:no-preference){.p-typed span{animation:9s steps(27,end) infinite p-type}.p-caret{animation:1s steps(2,jump-none) infinite p-blink}.p-site-body .p-s{animation:p-build 9s var(--h-ease,ease-out) infinite both}.p-site-body .p-s-hero{animation-delay:.18s}.p-site-body .p-s-title{animation-delay:.36s}.p-site-body .p-s-text{animation-delay:.54s}.p-site-body .p-s-cards{animation-delay:.72s}.p-sweep{animation:9s ease-in-out infinite p-sweep}.p-devices-phone{animation:6s ease-in-out infinite h-float}}@keyframes p-type{0%,4%{clip-path:inset(0 100% 0 0)}30%,90%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes p-blink{0%{opacity:1}50%{opacity:0}}@keyframes p-build{0%,32%{opacity:0;transform:translateY(10px)scale(.96)}40%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(-4px)}}@keyframes p-sweep{0%,46%{opacity:1;transform:translate(-120%)}62%,to{opacity:1;transform:translate(120%)}}
