/* 25 Oct 2026 (branding chat, owner "Deploy all now"): landing in the Tampal design (D-042).
   One committed look in light and dark: cobalt, yellow, ink, sticker shadows. System font. Pairs with tm-landing.js + tm-joki.js. */
.tm-home{--tm-cobalt:#2340FF;--tm-yellow:#FFD000;--tm-orange:#FF8A1F;--tm-pink:#FF8FD0;--tm-ink:#15192B;--tm-buy:#12924A;--tm-sell:#E0342B;
 background:var(--tm-cobalt);color:#fff;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden}
#auth.public-home:has(> .tm-home){background:#2340FF!important}
.tm-home *{box-sizing:border-box}
#auth .tm-home a{color:inherit}
.tm-home .tm-wrap{max-width:1080px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}
.tm-home .tm-narrow{max-width:760px}
/* header */
#auth .tm-home .tm-top{max-width:1080px;height:64px;margin:0 auto;padding:0 max(18px,env(safe-area-inset-right,0px)) 0 max(18px,env(safe-area-inset-left,0px));display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;position:relative;z-index:20;background:transparent}
#auth .tm-home .tm-wm{background:#fff;color:#15192B;font-weight:950;font-style:italic;font-size:15px;padding:4px 10px;border-radius:8px;transform:rotate(-3deg);box-shadow:3px 3px 0 #15192B;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
#auth .tm-home .tm-wm{position:relative}#auth .tm-home .tm-wm::after{content:"";position:absolute;inset:-10px -6px}
.tm-home .hdr-actions{display:flex;align-items:center;gap:8px}
.tm-home .tm-right{display:flex;align-items:center;gap:8px}
#auth .tm-home .tm-signin{color:#fff;font-weight:850;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
.tm-home .theme-toggle{width:44px;height:44px;border-radius:12px;border:2.5px solid #15192B;background:#fff;color:#15192B;display:grid;place-items:center;cursor:pointer;box-shadow:2px 2px 0 #15192B}
.tm-home .theme-toggle svg{width:20px;height:20px}
.tm-top .founder-help{position:static!important;right:auto!important;bottom:auto!important;margin:0!important;max-width:none;z-index:60}
.tm-top .founder-help summary{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0!important;font-size:0!important;display:grid!important;place-items:center;background:#fff!important;border:2.5px solid #15192B!important;border-radius:12px!important;box-shadow:2px 2px 0 #15192B!important;list-style:none;cursor:pointer}
.tm-top .founder-help summary::-webkit-details-marker{display:none}
.tm-top .founder-help summary::before{content:"?";font:900 20px/1 system-ui,sans-serif;color:#15192B}
.tm-top .founder-help .help-card{position:absolute;right:16px;top:calc(100% - 4px);width:min(290px,calc(100vw - 32px));border-radius:14px;border:2.5px solid #15192B;box-shadow:4px 4px 0 #15192B;background:#fff;color:#15192B;padding:12px 14px}
.tm-top .founder-help:not([open]) .help-card{display:none}
@media (max-width:520px){#auth .tm-home .tm-top .tm-join{display:none}}
/* press buttons */
#auth .tm-home .tm-press{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 24px;border-radius:16px;border:2.5px solid #15192B;border-bottom-width:6px;background:var(--tm-yellow);color:#15192B;font-weight:900;font-size:18px;text-decoration:none;cursor:pointer;white-space:nowrap}
#auth .tm-home .tm-press:active{border-bottom-width:2.5px;transform:translateY(3.5px)}
#auth .tm-home .tm-press.tm-w{background:#fff}
#auth .tm-home .tm-press.tm-sm{min-height:46px;font-size:16px;border-radius:14px;border-bottom-width:5px;padding:0 16px}
.tm-home .tm-press:focus-visible,.tm-home a:focus-visible,.tm-home summary:focus-visible,.tm-home button:focus-visible{outline:3px solid var(--tm-yellow);outline-offset:3px}
/* hero */
.tm-hero{padding:14px 0 6px}
.tm-hero-in{display:grid;gap:34px}
.tm-hero-text{position:relative}
#auth .tm-home h1{font-size:clamp(60px,17vw,104px);line-height:.86;font-weight:950;font-style:italic;letter-spacing:-.05em;margin:10px 0 0;text-transform:uppercase;color:#fff;max-width:none}
#auth .tm-home h1 span{display:inline-block;background:var(--tm-yellow);color:#15192B;padding:0 12px 6px;transform:rotate(-2deg);margin-top:10px}
#auth .tm-home .tm-sub{font-size:17.5px;line-height:1.45;font-weight:600;margin:20px 0 0;max-width:30ch;color:#fff}
.tm-ctas{margin-top:22px;display:flex;flex-direction:column;gap:12px;max-width:320px}
#auth .tm-home .tm-never{display:inline-block;margin:18px 0 0;background:#15192B;color:#fff;font-size:14px;padding:7px 11px;transform:rotate(-1deg);font-weight:650;max-width:34ch}
#auth .tm-home .tm-moveline{margin:14px 0 0;font-size:14.5px;font-weight:650;color:#fff}
#auth .tm-home .tm-moveline a{font-weight:850;text-underline-offset:3px}
.tm-st{position:absolute;background:#fff;color:#15192B;border:2.5px solid #15192B;border-radius:14px;box-shadow:4px 4px 0 #15192B;font-weight:950;font-style:italic;pointer-events:none;z-index:2}
.tm-s1{right:0;top:4px;transform:rotate(11deg);padding:6px 12px;font-size:20px;color:var(--tm-buy)!important}
.tm-s2{right:36px;top:72px;transform:rotate(-9deg);padding:6px 12px;font-size:20px;color:var(--tm-sell)!important}
.tm-s3{right:4px;top:138px;transform:rotate(6deg);padding:5px 10px;font-size:15px;background:var(--tm-pink)!important}
.tm-polar{margin:0 6px;background:#fff;color:#15192B;padding:10px 10px 14px;border:2.5px solid #15192B;transform:rotate(-2.5deg);box-shadow:6px 6px 0 #15192B;position:relative;align-self:center}
.tm-tape{position:absolute;top:-14px;left:38%;width:86px;height:24px;background:rgba(255,208,0,.9);transform:rotate(4deg)}
.tm-polar-top{display:flex;align-items:center;gap:8px;padding:2px 2px 8px}
.tm-polar-top b{font-size:18px;font-weight:950;font-style:italic}
.tm-polar-top small{margin-left:auto;font-size:11px;font-weight:850;letter-spacing:.04em;color:#565E78}
.tm-chart{display:block;width:100%;height:auto}
.tm-polar figcaption{margin:8px 4px 0;font-weight:850;font-style:italic;font-size:15.5px}
.tm-chip{display:inline-block;font-weight:950;font-size:14px;font-style:italic;padding:2px 10px;border-radius:9px;border:2px solid #15192B;color:#fff}
.tm-chip.tm-buy{background:var(--tm-buy)}.tm-chip.tm-sell{background:var(--tm-sell)}.tm-chip.tm-wait{background:#fff;color:#15192B}
@media (min-width:860px){.tm-hero-in{grid-template-columns:1.1fr 1fr;align-items:center;padding-top:20px}.tm-st{right:auto;left:420px}.tm-s2{left:470px}.tm-s3{left:430px}}
/* marquee */
.tm-marq{margin:38px 0 0;background:var(--tm-yellow);color:#15192B;border-block:2.5px solid #15192B;overflow:hidden;transform:rotate(-1.5deg) scale(1.03)}
#auth .tm-home .tm-marq ul{display:flex;gap:0;margin:0;padding:8px 0;list-style:none;width:max-content;animation:tm-mq 32s linear infinite}
#auth .tm-home .tm-marq li{font-weight:950;font-style:italic;font-size:18px;text-transform:uppercase;white-space:nowrap;padding:0 14px;color:#15192B}
.tm-marq li::after{content:"·";margin-left:28px}
@keyframes tm-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* sections */
.tm-sec{padding:46px 0 0}
#auth .tm-home .tm-sec h2,#auth .tm-home .tm-end h2{font-size:clamp(38px,10vw,58px);line-height:.9;font-weight:950;font-style:italic;letter-spacing:-.045em;margin:0 0 14px;text-transform:uppercase;color:#fff}
#auth .tm-home .tm-sec h2 em{font-style:italic;background:#fff;color:#15192B;padding:0 8px;display:inline-block;transform:rotate(1.5deg)}
#auth .tm-home .tm-sec p{color:#fff;font-size:16.5px;max-width:36ch;margin:0 0 16px}
.tm-two{display:grid;gap:12px}
@media (min-width:860px){.tm-two{grid-template-columns:1fr 1fr;align-items:center}}
.tm-shot{background:#fff;color:#15192B;border:2.5px solid #15192B;border-radius:20px;box-shadow:6px 6px 0 #15192B;padding:12px 14px;transform:rotate(1deg)}
.tm-sample{font-size:11px;font-weight:850;letter-spacing:.05em;color:#565E78}
.tm-r{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:2px dashed #D9DBE6}
.tm-r:first-of-type{border-top:0}
.tm-r b{font-size:17px;font-weight:950;font-style:italic}
.tm-r small{display:block;font-size:12.5px;color:#565E78;font-weight:650;font-style:normal}
.tm-three{display:grid;gap:12px}
@media (min-width:700px){.tm-three{grid-template-columns:1fr 1fr}}
.tm-c{background:#fff;color:#15192B;border:2.5px solid #15192B;border-radius:18px;box-shadow:5px 5px 0 #15192B;padding:12px 14px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center}
.tm-c:nth-child(2){transform:rotate(-1deg)}.tm-c:nth-child(3){transform:rotate(.8deg)}
.tm-n{width:58px;height:52px;border-radius:14px;border:2.5px solid #15192B;display:grid;place-items:center;font-weight:950;font-size:13px;font-style:italic;text-align:center;line-height:1}
.tm-y{background:var(--tm-yellow)}.tm-g{background:#9EDFB6}.tm-p{background:var(--tm-pink)}.tm-b{background:#BFD0FF}
.tm-c b{display:block;font-size:18px;font-style:italic;font-weight:950}
.tm-c span{font-size:14.5px;color:#3A4057}
#auth .tm-home .tm-cloud{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.tm-cloud li{background:#fff;color:#3A4057;border:2.5px solid #15192B;border-radius:16px;box-shadow:4px 4px 0 #15192B;padding:10px 12px;font-size:14px;max-width:260px;flex:1 1 150px}
.tm-cloud b{display:block;color:#15192B;font-size:16px;font-weight:950;font-style:italic}
.tm-cloud .tm-k1{transform:rotate(-1.5deg)}.tm-cloud .tm-k2{transform:rotate(1.2deg);background:var(--tm-yellow)}.tm-cloud .tm-k3{transform:rotate(-.6deg)}.tm-cloud .tm-k4{transform:rotate(1deg)}
.tm-cloud .tm-k5{transform:rotate(-2deg);background:var(--tm-pink)}.tm-cloud .tm-k5 b{font-size:30px;line-height:1}
.tm-who{display:flex;flex-direction:column;gap:12px}
.tm-who details{background:#fff;color:#15192B;border:2.5px solid #15192B;border-radius:18px;box-shadow:5px 5px 0 #15192B}
.tm-who summary{list-style:none;cursor:pointer;padding:15px 50px 15px 14px;font-weight:900;font-size:17px;position:relative;min-height:44px}
.tm-who summary::-webkit-details-marker{display:none}
.tm-who summary::after{content:"+";position:absolute;right:12px;top:10px;width:30px;height:30px;border:2px solid #15192B;border-radius:8px;display:grid;place-items:center;font-size:20px;line-height:1;background:var(--tm-yellow)}
.tm-who details[open] summary::after{content:"–"}
.tm-a{padding:0 14px 14px;font-size:15px;color:#3A4057;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.tm-a ol{padding-left:20px;margin:0}
.tm-a b{color:#15192B}
.tm-tag{display:inline-block;font-size:12px;font-weight:900;background:var(--tm-pink);border:2px solid #15192B;border-radius:6px;padding:0 6px;margin-left:6px;vertical-align:2px;font-style:italic}
#auth .tm-home .tm-trail{list-style:none;margin:0;padding:0}
.tm-trail li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;padding-bottom:18px;position:relative}
.tm-trail li::before{content:attr(data-n);grid-row:1/3;width:44px;height:44px;border-radius:50%;background:var(--tm-yellow);color:#15192B;border:2.5px solid #15192B;display:grid;place-items:center;font-weight:950;font-style:italic;z-index:1}
.tm-trail li:not(:last-child)::after{content:"";position:absolute;left:21px;top:44px;bottom:0;border-left:3px dotted #fff}
.tm-trail b{display:block;font-size:17px;padding-top:2px}
.tm-trail span{font-size:14.5px;opacity:.88}
#auth .tm-home .tm-tip{background:#15192B;color:#fff;padding:10px 12px;border-radius:12px;font-size:14.5px;max-width:none;margin-top:6px}
#auth .tm-home .tm-tip a{color:var(--tm-yellow);font-weight:850}
.tm-talk{background:var(--tm-yellow);color:#15192B;border:2.5px solid #15192B;box-shadow:6px 6px 0 #15192B;padding:16px;transform:rotate(-1deg)}
#auth .tm-home .tm-talk p{margin:0;font-size:18px;font-weight:800;line-height:1.38;color:#15192B;max-width:none}
.tm-talk span{display:block;margin-top:10px;font-style:italic;font-weight:950}
.tm-faq{display:flex;flex-direction:column;gap:6px}
.tm-faq details{border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:6px}
.tm-faq summary{list-style:none;cursor:pointer;font-weight:850;font-size:16.5px;padding:10px 32px 8px 0;position:relative;min-height:44px}
.tm-faq summary::-webkit-details-marker{display:none}
.tm-faq summary::after{content:"+";position:absolute;right:4px;top:6px;font-size:24px}
.tm-faq details[open] summary::after{content:"–"}
#auth .tm-home .tm-faq p{font-size:15px;opacity:.92;margin:2px 0 8px;max-width:none}
.tm-faq .fr-installrow{margin-top:14px}
.tm-faq .install-entry{min-height:46px;padding:0 16px;border-radius:14px;border:2.5px solid #15192B!important;border-bottom-width:5px!important;background:#fff!important;color:#15192B!important;font-weight:900;cursor:pointer}
.tm-end{margin-top:52px;background:#15192B;padding:36px 0 44px;position:relative;overflow:hidden}
#auth .tm-home .tm-end h2 span{color:var(--tm-yellow)}
#auth .tm-home .tm-end p{margin:0 0 20px;opacity:.8;color:#fff;max-width:28ch}
.tm-end .tm-j{position:absolute;right:6px;bottom:14px;transform:rotate(-12deg)}
.tm-joki{display:block;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}
@media (max-width:520px){.tm-end .tm-j{right:-6px;bottom:8px}.tm-end .tm-j .tm-joki{width:96px;height:96px}}
/* members sign-in strip + footer under the landing */
#auth .tm-home ~ .auth-form{background:#15192B!important;color:#fff!important;max-width:none!important;margin:0!important;padding:8px max(18px,env(safe-area-inset-left,0px)) 26px!important;border:0!important;text-align:left}
#auth .tm-home ~ .auth-form > *{max-width:1044px;margin-left:auto;margin-right:auto}
#auth .tm-home ~ .auth-form .muted,#auth .tm-home ~ .auth-form p{color:rgba(255,255,255,.75)!important}
#auth .tm-home ~ .auth-form a{color:#FFD000}
#auth .tm-home ~ .fr-foot{background:#0C0F1C!important;color:#fff;margin-top:0!important}
#auth.public-home:has(> .tm-home){padding-bottom:0!important}
/* sticky bar on phones */
.tm-sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;align-items:center;gap:10px;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#2340FF;border-top:2.5px solid #15192B;color:#fff;font:800 14px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.tm-sticky span{flex:1;min-width:0}
.tm-sticky .tm-press{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;border:2.5px solid #15192B;border-bottom-width:5px;background:#FFD000;color:#15192B;font-weight:900;font-size:16px;text-decoration:none;white-space:nowrap}
@media (max-width:760px){.tm-sticky.on{display:flex}}
@media (prefers-reduced-motion:reduce){#auth .tm-home .tm-marq ul{animation:none;flex-wrap:wrap;width:auto}.tm-marq li::after{display:none}#auth .tm-home .tm-press:active{transform:none}}