.neo-how-it-works-page .process-hero{padding-bottom:clamp(3rem,5vw,5rem)}.neo-how-it-works-page .process-hero-copy h1{font-size:clamp(2.6rem,4.5vw,4.8rem)}.neo-how-it-works-page .process-collection-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2.5rem;display:grid}.neo-how-it-works-page .process-collection-card{color:#111;background:#fff;border:1px solid #d5d5d0;flex-direction:column;padding:1rem;text-decoration:none;display:flex}.neo-how-it-works-page .process-collection-card:hover{border-color:#111}.neo-how-it-works-page .process-collection-card h3{font-size:1.35rem;line-height:1.2}.neo-how-it-works-page .process-collection-card>span{align-items:center;gap:.5rem;margin-top:1rem;font-size:.8rem;font-weight:600;display:flex}.neo-how-it-works-page .process-discovery-link{min-height:44px;color:inherit;text-underline-offset:.25rem;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.9rem;text-decoration:underline;display:inline-flex}.neo-how-it-works-page .process-steps-section{color:#fff;background:#0b0b0b}.neo-how-it-works-page .process-steps-section .eyebrow{color:#fc0}.neo-how-it-works-page .process-steps-section :is(h2,h3){color:#fff}.neo-how-it-works-page .process-steps-section .process-section-heading>p{color:#bdbdbd}.neo-how-it-works-page .process-journey h3{font-family:var(--font-heading);margin-top:1rem;font-size:1rem;font-weight:600;line-height:1.4}.neo-how-it-works-page .process-steps-section a:focus-visible{outline-color:#fc0}.neo-how-it-works-page .process-account-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.neo-how-it-works-page .process-account-section h2{max-width:18ch;margin-top:1rem;font-size:clamp(2.2rem,4vw,4rem);font-weight:500;line-height:1.08}.neo-how-it-works-page .process-account-section p:not(.eyebrow){color:#555;margin-top:1.2rem;line-height:1.8}.neo-how-it-works-page .process-account-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.5rem;display:flex}.neo-how-it-works-page .process-account-actions .process-discovery-link{margin-top:0}.neo-how-it-works-page .process-account-previews{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:1rem;display:grid}.neo-how-it-works-page :is(.process-web-preview,.process-phone-preview){background:#fff;border:1px solid #d5d5d0;position:relative;overflow:hidden}.neo-how-it-works-page .process-web-preview{aspect-ratio:16/10}.neo-how-it-works-page .process-phone-preview{aspect-ratio:9/19}.neo-how-it-works-page .process-account-previews img{object-fit:contain}.neo-how-it-works-page .process-account-previews figcaption{color:#555;margin-top:.8rem;font-size:.75rem}@media (max-width:1000px){.neo-how-it-works-page .process-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.neo-how-it-works-page .process-account-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.neo-how-it-works-page .process-collection-grid{grid-template-columns:minmax(0,1fr)}.neo-how-it-works-page .process-collection-card{padding:1.5rem}.neo-how-it-works-page .process-discovery-link{align-items:flex-start;line-height:1.6}.neo-how-it-works-page .process-discovery-link svg{flex-shrink:0;margin-top:.2rem}}.neo-how-it-works-page .process-hero{padding-top:clamp(2.5rem,4vw,4rem)}.neo-how-it-works-page .process-journey{margin-top:2rem}@media (min-width:900px){.neo-how-it-works-page .process-journey{grid-template-columns:repeat(3,minmax(0,1fr))}}.neo-how-it-works-page .process-collection-icon{color:#111;background:#fc0;place-items:center;min-height:8rem;margin-bottom:1.5rem;display:grid}.neo-how-it-works-page .process-collection-benefit{color:#555;margin-top:.7rem;font-size:.9rem;line-height:1.5}.neo-how-it-works-page .process-collection-card>span{margin-top:auto;padding-top:1rem}.neo-how-it-works-page .process-security-flow{background:#151515;border:1px solid #444;padding:clamp(1.5rem,3vw,2.5rem)}.neo-how-it-works-page .process-security-flow h2{color:#fff;margin-top:.75rem;font-size:clamp(1.8rem,2.5vw,2.6rem);line-height:1.15}.neo-how-it-works-page .process-security-flow ol{margin:1.5rem 0 0;padding:0;list-style:none}.neo-how-it-works-page .process-security-flow li{border-top:1px solid #444;grid-template-columns:2.5rem 1fr;gap:1rem;padding-block:1.2rem;display:grid}.neo-how-it-works-page .process-security-flow li>svg{color:#fc0;width:30px;height:30px}.neo-how-it-works-page .process-security-flow h3{color:#fff;font-size:1rem;font-weight:600}.neo-how-it-works-page .process-security-flow li p,.neo-how-it-works-page .process-flow-note{color:#bdbdbd;margin-top:.4rem;font-size:.9rem;line-height:1.6}.neo-how-it-works-page .process-flow-note{border-top:1px solid #444;padding-top:1rem;font-size:.8rem}.neo-how-it-works-page .process-buying-section{background:#fff}.neo-how-it-works-page .process-buying-section h2{margin-top:.75rem;font-size:clamp(2rem,3vw,3.2rem)}.neo-how-it-works-page .process-buying-questions{max-width:56rem;margin-top:1.5rem}.neo-how-it-works-page .process-buying-questions details{border-top:1px solid #d5d5d0;padding-block:1rem}.neo-how-it-works-page .process-buying-questions details:last-child{border-bottom:1px solid #d5d5d0}.neo-how-it-works-page .process-buying-questions summary{cursor:pointer;padding-block:.35rem;font-weight:600}.neo-how-it-works-page .process-buying-questions summary:focus-visible{outline-offset:4px;outline:2px solid #111}.neo-how-it-works-page .process-buying-questions p{color:#555;margin-top:.75rem;line-height:1.7}.neo-how-it-works-page .section,.neo-how-it-works-page .process-hero{padding-block:clamp(3.5rem,6vw,6rem)}.neo-how-it-works-page .process-hero-copy h1{letter-spacing:-.045em;font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.06}.neo-how-it-works-page .process-hero-copy h1 span{color:#fc0}.neo-how-it-works-page .process-hero-reassurance{color:#aaa;margin-top:1.2rem;font-size:.8rem;line-height:1.6}.neo-how-it-works-page .process-security-flow{background:linear-gradient(135deg,#1c1c1c,#111);border-color:#333}.neo-how-it-works-page .process-security-flow li{grid-template-columns:3rem 1fr;padding-block:1.4rem}.neo-how-it-works-page .process-security-flow li>svg{border:1px solid #555;border-radius:50%;width:40px;height:40px;padding:8px}.neo-how-it-works-page .process-security-flow h2{letter-spacing:-.03em}.neo-how-it-works-page .process-collections .process-section-heading h2{max-width:20ch;font-size:clamp(2.3rem,3.6vw,3.8rem);line-height:1.12}.neo-how-it-works-page .process-collection-grid{border:1px solid #d5d5d0;gap:0}.neo-how-it-works-page .process-collection-card{background:0 0;border:0;border-right:1px solid #d5d5d0;padding:1.6rem 1.25rem;transition:background-color .18s}.neo-how-it-works-page .process-collection-card:last-child{border-right:0}.neo-how-it-works-page .process-collection-card:hover{background:#fff}.neo-how-it-works-page .process-collection-card:focus-visible{outline-offset:-4px;outline:2px solid #111}.neo-how-it-works-page .process-collection-icon{border-radius:50%;width:4.5rem;min-height:4.5rem;margin-bottom:2rem}.neo-how-it-works-page .process-collection-card h3{font-size:1.1rem;font-weight:600}.neo-how-it-works-page .process-collection-card>span{padding-top:1.5rem}.neo-how-it-works-page .process-installation-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.neo-how-it-works-page .process-installation-photo{align-self:stretch;min-height:38rem;margin:0;position:relative;overflow:hidden}.neo-how-it-works-page .process-installation-photo img{object-fit:cover;object-position:48% center}.neo-how-it-works-page .process-installation-photo:after{content:"";background:linear-gradient(#0000,#000000d9);position:absolute;inset:45% 0 0}.neo-how-it-works-page .process-installation-photo figcaption{z-index:1;color:#fff;letter-spacing:-.025em;font-size:clamp(1.5rem,2.3vw,2.4rem);line-height:1.15;position:absolute;bottom:2rem;left:2rem;right:2rem}.neo-how-it-works-page .process-installation-photo figcaption span{color:#fc0;letter-spacing:.04em;margin-bottom:.8rem;font-size:.75rem;display:block}.neo-how-it-works-page .process-installation-copy h2{letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2.3rem,3.5vw,3.8rem);line-height:1.1}.neo-how-it-works-page .process-installation-copy .process-journey{border:0;grid-template-columns:1fr;margin:2rem 0;display:grid}.neo-how-it-works-page .process-installation-copy .process-journey li{border:0;border-top:1px solid #333;grid-template-columns:2rem 1fr;gap:1rem;min-height:0;padding:1.15rem 0;display:grid}.neo-how-it-works-page .process-installation-copy .process-journey h3{margin-top:0}.neo-how-it-works-page .process-installation-copy .process-journey p{color:#bdbdbd;margin-top:.5rem;font-size:.9rem;line-height:1.65}.neo-how-it-works-page .process-account-previews{background:#fff;border:1px solid #e3e3de;padding:clamp(1rem,2.5vw,2.5rem)}.neo-how-it-works-page .process-buying-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);display:grid}.neo-how-it-works-page .process-buying-questions{margin-top:0}.neo-how-it-works-page .process-buying-intro>p:not(.eyebrow){color:#555;max-width:32ch;margin-top:1.25rem;line-height:1.7}.neo-how-it-works-page .process-buying-section h2{letter-spacing:-.03em;line-height:1.1}@media (max-width:1000px){.neo-how-it-works-page .process-collection-card{border-bottom:1px solid #d5d5d0}.neo-how-it-works-page .process-collection-card:nth-child(2n){border-right:0}.neo-how-it-works-page .process-collection-card:last-child{border-bottom:0;grid-column:1/-1}}@media (max-width:900px){.neo-how-it-works-page .process-installation-grid,.neo-how-it-works-page .process-buying-grid{grid-template-columns:1fr}.neo-how-it-works-page .process-installation-photo{aspect-ratio:4/3;min-height:0}}@media (max-width:600px){.neo-how-it-works-page .process-hero-copy h1{font-size:clamp(2.4rem,9.2vw,3.4rem)}.neo-how-it-works-page .process-collection-card{border-right:0;grid-template-columns:3.5rem 1fr;column-gap:1.25rem;padding:1.4rem;display:grid}.neo-how-it-works-page .process-collection-icon{grid-row:1/4;align-self:center;width:3.5rem;min-height:3.5rem;margin:0}.neo-how-it-works-page .process-collection-icon svg{width:28px;height:28px}.neo-how-it-works-page .process-collection-benefit{margin-top:.35rem}.neo-how-it-works-page .process-collection-card>span{padding-top:.75rem}.neo-how-it-works-page .process-installation-photo figcaption{bottom:1.25rem;left:1.25rem;right:1.25rem}}@media (prefers-reduced-motion:reduce){.neo-how-it-works-page .process-collection-card{transition:none}}.neo-how-it-works-page .process-laptop-frame{margin-bottom:.35rem;padding-bottom:.65rem;position:relative}.neo-how-it-works-page .process-laptop-frame:after{content:"";background:linear-gradient(#d5d5d5,#8b8b8b);border-radius:2px 2px 50% 50%/2px 2px 100% 100%;width:106%;height:.7rem;position:absolute;bottom:0;left:-3%;box-shadow:0 7px 12px #0000001a}.neo-how-it-works-page .process-web-preview{border:7px solid #202020;border-top-width:12px;border-radius:10px 10px 2px 2px;box-shadow:0 0 0 1px #515151}.neo-how-it-works-page .process-phone-preview{border:7px solid #202020;border-radius:25px;box-shadow:0 0 0 1px #666,0 12px 22px #0000001f}.neo-how-it-works-page .process-phone-preview:after{content:"";background:#202020;border-radius:0 0 8px 8px;width:34%;height:9px;position:absolute;top:0;left:33%}.neo-how-it-works-page .process-account-previews{gap:clamp(1.25rem,2vw,2rem);padding:clamp(1.5rem,2.5vw,2.5rem)}@media (max-width:600px){.neo-how-it-works-page .process-account-previews{grid-template-columns:1fr;gap:2rem}.neo-how-it-works-page .process-account-previews figure:last-child{justify-self:center;width:min(55%,11rem)}.neo-how-it-works-page .process-account-previews figcaption{text-align:center}}.neo-how-it-works-page :is(.process-web-preview,.process-phone-preview){background:#111}.neo-how-it-works-page .process-preview-trigger{color:#111;cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.neo-how-it-works-page .process-preview-trigger :is(.process-laptop-frame,.process-web-preview,.process-phone-preview){display:block}.neo-how-it-works-page .process-preview-trigger:focus-visible{outline-offset:8px;outline:2px solid #111}.neo-how-it-works-page .process-enlarge-hint{justify-content:center;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.75rem;display:flex}.neo-how-it-works-page .process-demo-action{text-align:center;grid-column:1/-1}.neo-how-it-works-page .process-demo-action p{margin-top:.8rem;font-size:.8rem;line-height:1.6}.process-media-dialog{color:#fff;background:#111;border:1px solid #444;border-radius:12px;width:min(94vw,1100px);max-height:92dvh;margin:auto;padding:0}.process-media-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d1}.process-media-panel{padding:clamp(1rem,3vw,2rem)}.process-media-panel header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.process-media-panel h2{color:#fff;font-size:1.25rem}.process-media-panel header button{color:#fff;cursor:pointer;background:#222;border:1px solid #666;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.process-media-panel header button:focus-visible{outline-offset:3px;outline:2px solid #fc0}.process-expanded-image{height:min(65dvh,650px);position:relative}.process-expanded-image img{object-fit:contain}.process-expanded-video{background:#000;width:100%;height:min(65dvh,650px);display:block}.process-media-panel>p{color:#bbb;margin-top:1rem;font-size:.8rem;line-height:1.6}@media (max-width:600px){.neo-how-it-works-page .process-account-previews figure:nth-child(2){justify-self:center;width:min(55%,11rem)}}.neo-how-it-works-page .process-account-section .process-media-panel h2{color:#fff;max-width:none;margin:0;font-size:1.25rem;line-height:1.3}.neo-how-it-works-page .process-account-section .process-media-panel>p{color:#bbb;margin-top:1rem;font-size:.85rem;line-height:1.6}
