/* One closing treatment for React marketing pages and the static Features page. */
:is(#marketing-main,#main) .jerno-closing{display:block;width:100%;margin:0;padding:88px 24px 84px;border:0;border-top:1px solid #263f4b;border-radius:0;background:#070e14;text-align:center;color:#f3f7fa;font-family:"SF Pro Text","SF Pro Display",-apple-system,system-ui,"Segoe UI",sans-serif}
:is(#marketing-main,#main) .jerno-closing-inner{width:100%;max-width:920px;margin:0 auto}
:is(#marketing-main,#main) .jerno-closing-kicker{margin:0 0 22px;color:#87e3f5;font:12px/1.5 "SF Mono",SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
:is(#marketing-main,#main) .jerno-closing h2{max-width:900px;margin:0 auto 24px;color:#f3f7fa;font-family:inherit;font-size:clamp(38px,4.5vw,64px);font-weight:650;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
:is(#marketing-main,#main) .jerno-closing h2 em{color:#87e3f5;font:inherit;background:none;-webkit-text-fill-color:currentColor}
:is(#marketing-main,#main) .jerno-closing-copy{max-width:590px;margin:0 auto;color:#a9bcc9;font-size:18px;line-height:1.65;text-wrap:pretty}
:is(#marketing-main,#main) .jerno-closing-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 24px;margin:30px 0 0}
:is(#marketing-main,#main) .jerno-closing-actions a{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:14px 22px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;border-radius:8px;transition:background .2s,box-shadow .2s}
:is(#marketing-main,#main) .jerno-closing-primary{background:linear-gradient(110deg,#a0ecf6,#42c2df);color:#06141d;border:1px solid #7bdfef;box-shadow:0 8px 24px #35bddb12}
:is(#marketing-main,#main) .jerno-closing-secondary{background:transparent;color:#87e3f5;border:1px solid transparent}
:is(#marketing-main,#main) .jerno-closing-primary:hover{background:#9ae9f5;box-shadow:0 8px 28px #35bddb22}
:is(#marketing-main,#main) .jerno-closing-secondary:hover{background:#10242d}
:is(#marketing-main,#main) .jerno-closing-actions a:focus-visible{outline:2px solid #87e3f5;outline-offset:4px}
:is(#marketing-main,#main) .jerno-closing-actions svg{width:18px;height:18px}
:is(#marketing-main,#main) .jerno-closing-note{margin:20px auto 0;color:#a9bcc9;font-size:12px;line-height:1.7}
.jerno-legal-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;margin-top:32px;padding:22px 0;border-top:1px solid #263f4b}
.jerno-legal-bottom a{display:inline-flex;align-items:center;min-height:44px;color:#87e3f5;font-size:14px;text-decoration:none}
.jerno-legal-bottom a:hover{text-decoration:underline}
@media(max-width:760px){:is(#marketing-main,#main) .jerno-closing{padding:58px 22px 54px}:is(#marketing-main,#main) .jerno-closing h2{font-size:clamp(32px,8.5vw,44px);line-height:1.12;margin-bottom:20px}:is(#marketing-main,#main) .jerno-closing-copy{font-size:16px;line-height:1.6}:is(#marketing-main,#main) .jerno-closing-kicker{font-size:11px;margin-bottom:18px}:is(#marketing-main,#main) .jerno-closing-actions{flex-direction:column;gap:8px;margin-top:26px}:is(#marketing-main,#main) .jerno-closing-actions a{width:100%;max-width:320px}:is(#marketing-main,#main) .jerno-closing-note{max-width:280px;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.jerno-closing-actions a{transition:none!important}}