.top{background:linear-gradient(112deg,var(--head),var(--end));box-shadow:0 3px 16px #10223815;border-bottom:1px solid color-mix(in srgb,var(--bright) 25%,transparent)}
.top .brand,.site-footer .brand{filter:drop-shadow(0 2px 6px #0000000a)}
.shield path:first-of-type{stroke:var(--bright);fill:color-mix(in srgb,var(--bright) 20%,transparent)}
.shield path:last-of-type{fill:var(--second)}
.nav{gap:20px}.nav a{position:relative;padding:26px 0;color:color-mix(in srgb,var(--service) 27%,white);transition:color .2s}
.nav a::after{content:'';position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--service);border-radius:4px;opacity:.7;transform:scaleX(.3);transform-origin:left;transition:transform .25s}
.nav a:hover::after{transform:scaleX(1)}.nav a:hover{color:white}
.actions>a{color:color-mix(in srgb,var(--bright) 45%,white)}
.login,.cta{background:var(--accent);color:var(--button-text,#fff);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 18%,transparent)}
.login:hover,.cta:hover{background:var(--hover)}.cta:disabled{background:var(--accent);opacity:.55}
.eyebrow{color:var(--accent-ink,var(--accent))}.hero h1{color:#1e3149}.hero .eyebrow{border-left:3px solid var(--second);padding-left:10px}
.hero-copy p{color:#4d6078}.directory{position:relative}.directory::before{content:'';position:absolute;z-index:-1;inset:0 -4.9%;background:linear-gradient(180deg,var(--wash),transparent)}
.card{background:color-mix(in srgb,var(--service) 13%,white)!important;border:1px solid color-mix(in srgb,var(--service) 20%,white)}
.card .icon{color:var(--service)}.card b{color:color-mix(in srgb,var(--service) 45%,#1f2b40)}.card small{color:#5c6c83}.card::after{background:var(--service);box-shadow:0 2px 14px 3px color-mix(in srgb,var(--service) 30%,transparent)}
.product{position:relative}.product::before{content:'';position:absolute;z-index:-1;inset:8% -4%;background:radial-gradient(ellipse at 68% 54%,color-mix(in srgb,var(--service) 8%,transparent),transparent 67%);pointer-events:none}
.product.reverse::before{background:radial-gradient(ellipse at 28% 54%,color-mix(in srgb,var(--service) 8%,transparent),transparent 67%)}
.product .eyebrow{color:var(--service)}.copy h2::after{content:'';display:block;width:42px;height:3px;margin-top:23px;border-radius:4px;background:var(--service);opacity:.65}.shot{border-color:color-mix(in srgb,var(--service) 35%,#ccd5e3);box-shadow:0 28px 55px -25px color-mix(in srgb,var(--service) 32%,transparent),3px 3px 0 color-mix(in srgb,var(--service) 18%,#e6eaf2)}
.app-header-color{position:absolute;left:0;right:0;top:0;height:10%;background:var(--head);mix-blend-mode:color;pointer-events:none}.logo-patch{background:var(--head);z-index:1}
.faq{border-color:color-mix(in srgb,var(--accent) 18%,white)}.faq summary::marker{color:var(--accent-ink,var(--accent))}.faq a{color:var(--accent-ink,var(--accent))}.faq details{border-color:color-mix(in srgb,var(--accent) 13%,white)}
.site-footer{background:linear-gradient(118deg,var(--foot),var(--end));border-top:3px solid color-mix(in srgb,var(--bright) 55%,var(--foot))}.footer-column h3{color:var(--bright)}.footer-column a,.footer-text-button{color:#cad6e5}.footer-column .email{color:var(--second)}.footer-label{color:color-mix(in srgb,var(--bright) 70%,white)}.footer-column a:hover,.footer-text-button:hover{color:var(--second)}.footer-brand p{color:#b7c7d9}.social-icon{color:var(--bright);border-color:color-mix(in srgb,var(--bright) 30%,transparent);background:color-mix(in srgb,var(--bright) 6%,transparent)}.social-icon:nth-child(3){color:var(--second)}
.review{max-width:calc(100% - 24px);gap:12px;padding:9px 13px}.review .tag{font-size:11px;color:#3c4e67}.variants{display:flex;gap:4px}.variants a{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#edf1f7;color:#34445e}.variants a[aria-current]{background:var(--accent);color:var(--button-text,#fff)}.variants .compare{width:auto;padding:0 9px}.review label{font-size:10px}.review input{accent-color:var(--accent)}.capture .review{display:none}.capture .top{position:relative}
@media(max-width:1100px){.nav{gap:12px}.nav a{padding:26px 0}.top{gap:18px}}
@media(max-width:700px){.review{flex-wrap:wrap;gap:5px 10px}.review .tag{border:0;padding:0}.review label{display:none}.hero{background-color:var(--paper)}.copy h2::after{margin-top:17px}.directory::before{inset:0 -4.9%}}