/* open.css — puts the generated /open pages in the tuper.app design (tuper.css, pixel direction). Loaded after their inline styles. */
:root{--fg:#F2EDE4;--mut:#C9C4BB;--bg:#151519;--ac:#FF5A3C;--bd:rgba(242,237,228,.12);--card:rgba(21,21,25,.82)}
body{font:400 15px/1.65 'Geist Mono',ui-monospace,Menlo,Consolas,monospace;background:#151519;color:#F2EDE4;-webkit-font-smoothing:antialiased;
  background-image:linear-gradient(to right,rgba(242,237,228,.03) 1px,transparent 1px),linear-gradient(rgba(242,237,228,.03) 1px,transparent 1px);background-size:24px 24px}
.w{max-width:54rem;padding:0 24px}
header{position:sticky;top:0;z-index:20;padding:0;border-bottom:1px solid rgba(242,237,228,.10);background:rgba(21,21,25,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header .w{min-height:60px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px}
header a{color:#F2EDE4}
a{color:#FF5A3C;text-decoration:none} a:hover{color:#FF7A62}
h1{font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin:48px 0 12px;text-wrap:balance}
h2{font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.02em;margin:52px 0 14px;padding-top:24px;border-top:1px solid rgba(242,237,228,.10)}
b,strong{font-weight:600;color:#F2EDE4}
.mut,.hook,.lede{color:#C9C4BB}
.k{gap:0;border:1px solid rgba(242,237,228,.12);background:rgba(21,21,25,.82)}
.k div{background:transparent;border:0;border-right:1px solid rgba(242,237,228,.10);border-radius:0;padding:16px 18px}
.k div:last-child{border-right:0}
.k b{font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1.15}
.k span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#9A958C}
.phhi{border-left:2px solid #FF5A3C;background:rgba(255,90,60,.06);padding:10px 16px}
.phoffer,.share,.gstrip{background:rgba(21,21,25,.82);border:1px solid rgba(242,237,228,.12);border-radius:0;padding:20px 24px;margin:20px 0}
a.phbtn,.cta,form.nl button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:0;background:#FF5A3C;color:#151519;font:500 15px/1 'Geist Mono',ui-monospace,monospace;border:0;text-decoration:none;transition:background .16s,transform .16s}
a.phbtn:hover,.cta:hover,form.nl button:hover{background:#FF7A62;color:#151519}
a.phbtn:active,.cta:active,form.nl button:active{transform:scale(.97)}
a.phbtn.phfree{background:rgba(21,21,25,.6);color:#F2EDE4;border:1px solid rgba(242,237,228,.22)}
form.nl input[type=email]{min-height:44px;padding:0 14px;border:1px solid rgba(242,237,228,.22);border-radius:0;background:rgba(21,21,25,.8);color:#F2EDE4;font:inherit}
form.nl input[type=email]:focus{outline:2px solid #FF7A62;outline-offset:1px}
table{background:rgba(21,21,25,.82);border:1px solid rgba(242,237,228,.12);font-size:14px}
td,th{border-bottom:1px solid rgba(242,237,228,.10);padding:10px 14px}
th{color:#9A958C;font-weight:500;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
pre{background:rgba(242,237,228,.05);border:1px solid rgba(242,237,228,.12);padding:12px 14px;font-size:13px}
.gc a{color:#F2EDE4} .gc img{border-radius:0}
footer{border-top:1px solid rgba(242,237,228,.10);color:#9A958C;font-size:13px;padding:28px 0 56px;margin-top:64px}
footer a{color:#F2EDE4} footer a:hover{color:#FF7A62}
@media (max-width:620px){.w{padding:0 16px} h1{font-size:26px;margin-top:28px} h2{font-size:19px} .k b{font-size:21px} .k div{border-right:0;border-bottom:1px solid rgba(242,237,228,.10)} a.phbtn,.cta{width:100%}}