.tn{--tn-line:#0a0b0a4d;--tn-star:#8a908b;--tn-star-o:#ff7240;position:relative}[data-theme=dark] .tn,.tn[data-theme=dark]{--tn-line:#f5f5f033;--tn-star:#5e6460;--tn-star-o:#ff4d12}.tn[data-theme=dark]{background-color:var(--bg-page);background-image:var(--st-grain);color:var(--text-primary);background-size:384px 384px}.tn__browser{border:1px solid var(--border-strong);background:var(--bg-raised);color:inherit;border-radius:12px;text-decoration:none;display:block;overflow:hidden;box-shadow:0 24px 48px -30px #0a0b0a73,0 2px 8px #0a0b0a0f}.tn__bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken);font:500 12px / 1 var(--font-body);color:var(--text-muted);align-items:center;gap:6px;padding:9px 12px;display:flex}.tn__bar i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.tn__bar span{border-radius:var(--radius-pill);background:var(--bg-raised);text-overflow:ellipsis;white-space:nowrap;margin-left:10px;padding:4px 12px;overflow:hidden}.tn__insecure{color:#b42318;margin-right:8px;font-weight:600}[data-theme=dark] .tn__insecure{color:var(--danger-text)}.tn__view{aspect-ratio:16/10;background:var(--bg-sunken);position:relative;overflow:hidden;container-type:inline-size}.tn__shot{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.tn__shot--phone{display:none}.tn__soon{height:100%;font:600 4cqw / 1.2 var(--font-display);color:var(--text-muted);place-items:center;display:grid}.tn-dead{color:#1a1a1a;text-align:left;background:#dcdcdc;height:100%;padding:3cqw 4cqw;font-family:Times New Roman,Times,serif;font-size:2.1cqw;line-height:1.35}.tn-dead__title{color:#1d3fbf;letter-spacing:.02em;text-shadow:.3cqw .3cqw #9aa4ff;margin:0;font:900 5cqw/1.1 Impact,Arial Black,sans-serif}.tn-dead__nav{color:#1d3fbf;margin:1cqw 0 2.4cqw;font-size:1.9cqw}.tn-dead__body{grid-template-columns:36% 1fr;align-items:start;gap:3cqw;display:grid}.tn-dead__img{aspect-ratio:4/3;color:#555;background:#ececec;border:.3cqw dashed #8a8a8a;place-items:center;font:italic 1.7cqw/1 Arial,sans-serif;display:grid}.tn-dead__txt p{margin:0 0 1.4cqw}.tn-dead__uc{color:#a10000;background:#fff36b;padding:.8cqw 1.2cqw;font:700 2.3cqw/1.2 Comic Sans MS,Comic Sans,cursive}.tn-dead__foot{color:#555;text-align:center;margin:3cqw 0 0;font-size:1.6cqw}.tn-dead__foot span{color:#31ff3a;letter-spacing:.15em;background:#000;padding:0 .6cqw;font-family:Courier New,monospace}.tn__cap{text-align:left;gap:8px;display:grid}.tn__capTop{justify-content:space-between;align-items:center;gap:16px;display:flex}.tn__name{font:inherit;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.tn__name b{font:600 clamp(22px, 1.8vw, 26px) / 1.2 var(--font-display);letter-spacing:-.01em}.tn__name span{font:700 13px / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text-sm)}.tn__story{font:italic 400 clamp(18px, 1.35vw, 20px) / 1.35 var(--font-serif);color:var(--text-primary);margin:0}.tn__next{font-size:var(--text-small);color:var(--text-secondary);margin:4px 0 0;font-weight:600}.tn__step{font:700 13px / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);margin:0;display:none}.tn__open{border:1px solid var(--text-primary);border-radius:var(--radius-pill);background:var(--bg-raised);min-height:44px;color:var(--text-primary);font:600 15px / 1 var(--font-body);flex:none;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.tn__open:hover{background:var(--text-primary);color:var(--bg-raised)}.tn__open .bn-icon{width:16px;height:16px}.tn__does{flex-wrap:wrap;gap:8px;margin:2px 0 0;padding:0;list-style:none;display:flex}.tn__does li{background:color-mix(in srgb, var(--text-primary) 7%, transparent);font:500 14px / 1.3 var(--font-body);border-radius:6px;padding:4px 10px 4px 8px}.tn__does li:before{content:"✓";color:var(--accent-text-sm);margin-right:6px;font-weight:700}.tn__head{text-align:center}.tn__skip{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tn__skip:focus{clip:auto;border-radius:var(--radius-pill);background:var(--bg-raised);width:auto;height:auto;color:var(--text-primary);font:600 14px / 1 var(--font-body);margin-bottom:8px;padding:10px 14px;display:inline-block;position:static}.tn.is-live .tn__skip{top:calc(var(--text-label) * .6 - 20px);right:calc(var(--gutter) + clamp(18px, 2vw, 40px));clip:auto;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-page) 82%, transparent);width:auto;height:auto;min-height:40px;color:var(--text-primary);font:600 14px / 1 var(--font-body);align-items:center;gap:8px;margin:0;padding:0 16px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,opacity .3s,visibility;display:inline-flex;position:absolute}.tn.is-live .tn__skip:hover{background:var(--text-primary);color:var(--bg-page);border-color:var(--text-primary)}.tn.is-live .tn__skip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.tn__skipArrow{font-size:15px}.tn:not(.is-live) .tn__skipArrow{display:none}.tn__stage.is-dim .tn__skip{color:var(--paper-50);background:#0a0b0a66;border-color:#f5f5f059}.tn__pin.is-overview .tn__skip{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s .3s}@media (width<=759px){.tn.is-live .tn__skip{right:var(--gutter);min-height:36px;top:calc(var(--text-label) * .6 - 18px);padding:0 12px;font-size:13px}.tn.is-live .tn__skipMore{display:none}}.tn__label{font:700 var(--text-label) / 1.2 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text-sm);margin:0}.tn__h{max-width:22ch;margin:12px auto 0}.tn__priceNote{max-width:52ch;font-size:var(--text-small);color:var(--text-secondary);margin:-6px 0 0}.tn__after:focus{outline:none}.tn__close{max-width:18ch;font:600 var(--text-display-s) / 1.08 var(--font-display);letter-spacing:-.02em;margin:0}.tn__close em{font-family:var(--font-serif);font-style:italic;font-weight:400}.tn__after{padding:clamp(48px, 6vw, 88px) var(--gutter) clamp(72px, 9vw, 128px);text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.tn__text{gap:12px;max-width:58ch;display:grid}.tn__text p{color:var(--text-secondary);font-size:var(--text-lead);margin:0;line-height:1.5}.tn__price{margin:0}.tn__ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tn__canvas,.tn__glow,.tn__fx,.tn__dim,.tn__frame,.tn__dots,.tn__hint,.tn__count{display:none}.tn:not(.is-live) .tn__stage{padding:var(--st-pad) var(--gutter) 0}.tn:not(.is-live) .tn__cards{max-width:var(--st-max);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:40px 28px;margin:48px auto 0;padding:0;list-style:none;display:grid}.tn:not(.is-live) .tn__card{flex-direction:column;gap:14px;display:flex}.tn:not(.is-live) .tn__card--before{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:center;gap:28px;display:grid}@media (width<=759px){.tn:not(.is-live) .tn__view{aspect-ratio:4/5}.tn:not(.is-live) .tn__card--before .tn__view{aspect-ratio:3/4}}.tn.is-live .tn__pin{height:calc((var(--n) + .35) * 62vh + 100vh);position:relative}.tn.is-live .tn__stage{--tn-top:calc(var(--header-h) + clamp(140px, 21vh, 210px));--tn-bot:clamp(170px, 24vh, 210px);--tn-avail:calc(100svh - var(--tn-top) - var(--tn-bot));--bw:min(64vw, 1000px, calc((var(--tn-avail) - 34px) * 1.6));height:100svh;position:sticky;top:0;overflow:hidden}.tn.is-live .tn__canvas,.tn.is-live .tn__glow,.tn.is-live .tn__fx{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tn.is-live .tn__fx{z-index:35}.tn.is-live .tn__dim{opacity:0;pointer-events:none;background:#0a0b0a;display:block;position:absolute;inset:0}.tn__head,.tn__count,.tn__dot:before{transition:color .2s,-webkit-text-stroke-color .2s,background-color .2s}.tn__stage.is-dim .tn__head{color:var(--paper-50)}.tn__stage.is-dim .tn__label{color:var(--signal-300)}.tn__stage.is-dim .tn__count b{-webkit-text-stroke-color:var(--paper-50)}.tn__stage.is-dim .tn__count span{color:var(--paper-200)}.tn.is-live .tn__head{z-index:40;left:0;right:0;top:calc(var(--header-h) + clamp(18px, 3.5vh, 40px));padding:0 var(--gutter);position:absolute}.tn.is-live .tn__h{font-size:clamp(28px,min(3.4vw,5.2vh),54px)}.tn.is-live .tn__deck{left:0;right:0;top:var(--tn-top);bottom:var(--tn-bot);place-items:center;display:grid;position:absolute}.tn.is-live .tn__frame{width:var(--bw);aspect-ratio:16/10;visibility:hidden;grid-area:1/1;margin-top:34px;display:block}.tn.is-live .tn__cards{grid-area:1/1;place-items:center;margin:0;padding:0;list-style:none;display:grid}.tn.is-live .tn__card{width:var(--bw);transform-origin:50% 45%;will-change:transform, opacity;pointer-events:none;grid-area:1/1;position:relative}.tn.is-live .tn__card.is-on{pointer-events:auto}.tn.is-live .tn__card--before{transform-origin:100% 0}.tn__mini{display:none}.tn.is-live .tn__mini{opacity:0;pointer-events:none;transform:scale(var(--inv,1));transform-origin:0 0;flex-wrap:nowrap;align-items:baseline;gap:2px 10px;margin:0;padding-top:8px;font-size:15px;line-height:1.25;display:flex;position:absolute;top:100%;left:0;overflow:hidden}.tn.is-live .tn__mini b,.tn.is-live .tn__mini span{background:color-mix(in srgb, var(--bg-page) 90%, transparent);white-space:nowrap;border-radius:6px;flex:none;padding:3px 8px}.tn.is-live .tn__mini span{text-overflow:ellipsis;flex:0 auto;overflow:hidden}.tn__pin.is-overview .tn__mini{pointer-events:auto;cursor:pointer}.tn__pin.is-overview .tn__cap{pointer-events:none}.tn__mini b{font-family:var(--font-display);font-weight:600}.tn__mini span{letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-text-sm);font-size:.8em;font-weight:700}.tn__pin.is-overview .tn__card:not(.tn__card--before){pointer-events:auto}.tn__pin.is-overview .tn__card:not(.tn__card--before) .tn__browser{cursor:pointer}.tn__pin.is-overview .tn__card:not(.tn__card--before) .tn__browser:hover{outline:2px solid var(--text-primary);outline-offset:calc(4px * var(--inv,1))}.tn__dot--all:before{border-radius:2px!important}.tn__stage.is-dim .tn__mini b{color:var(--text-primary)}@media (width<=759px){.tn.is-live .tn__mini{font-size:12px}.tn.is-live .tn__mini span{display:none}.tn.is-live .tn__mini b{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex:0 auto;max-height:calc(2.4em + 6px);line-height:1.2;display:-webkit-box;overflow:hidden}}.tn__gridNote{display:none}.tn.is-live .tn__gridNote{z-index:40;padding:0 var(--gutter);text-align:center;font:600 var(--text-small) / 1.3 var(--font-body);color:var(--text-secondary);opacity:0;pointer-events:none;margin:0;transition:opacity .4s;display:block;position:absolute;bottom:clamp(20px,4vh,40px);left:0;right:0}.tn__pin.is-overview .tn__gridNote{opacity:1;transition-delay:.5s}.tn__gridNote--touch{display:none}@media (hover:none){.tn__gridNote--touch{display:inline}.tn__gridNote--fine{display:none}}@media (width>=760px) and (height<=900px){.tn.is-live .tn__does{display:none}}@media (width>=760px) and (width<=1099px){.tn.is-live .tn__mini{flex-direction:column;align-items:flex-start;gap:4px}}@media (width>=1100px) and (height<=760px){.tn.is-live .tn__mini span{display:none}}@media (width>=760px) and (height<=740px){.tn.is-live .tn__card--before .tn__next{display:none}}@media (width<=759px) and (height<=740px){.tn.is-live .tn__pin .tn__stage{--tn-bot:210px}}.tn-pinned .stk[data-on]{transform:translateY(calc(110% + var(--ck-h,0px)))}.tn.is-live .tn__card.is-on .tn__browser:hover{outline:2px solid var(--text-primary);outline-offset:4px}.tn.is-live .tn__cap{background:color-mix(in srgb, var(--bg-page) 93%, transparent);border-radius:14px;margin-top:14px;padding:12px 16px;position:absolute;top:100%;left:-16px;right:-16px}.tn.is-live .tn__dots{z-index:40;flex-direction:column;gap:0;display:flex;position:absolute;top:50%;right:clamp(10px,2vw,32px);translate:0 -50%}.tn__dot{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.tn__dot:before{content:"";border-radius:var(--radius-pill);background:var(--border-strong);width:8px;height:8px;transition:height .3s var(--ease-out), width .3s var(--ease-out), background-color .3s}.tn__dot[aria-current]:before{background:var(--accent);height:22px}.tn.is-live .tn__hint{z-index:40;font:600 var(--text-label) / 1 var(--font-body);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;transition:opacity .4s;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}@media (height<=960px){.tn.is-live .tn__hint{display:none}}.tn__hint span{background:linear-gradient(var(--text-muted), transparent);transform-origin:top;width:1px;height:28px;animation:1.8s ease-in-out infinite tn-hint}.tn__hint.is-gone{opacity:0}@keyframes tn-hint{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.tn.is-live .tn__count{z-index:5;font-family:var(--font-display);pointer-events:none;flex-direction:column;margin:0;line-height:.9;display:flex;position:absolute;top:50%;left:clamp(16px,3vw,48px);translate:0 -50%}.tn__count b{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px var(--text-primary);font-size:clamp(64px,9vw,150px);font-weight:600;transition:opacity .3s}.tn__count span{color:var(--text-secondary);letter-spacing:.08em;margin-top:10px;font-size:15px;font-weight:600}.tn.is-live .tn__pin.is-before .tn__count b{-webkit-text-stroke-color:#b42318}@media (width<=1099px){.tn.is-live .tn__count{display:none}.tn.is-live .tn__step{display:block}}@media (width>=760px) and (width<=1099px){.tn.is-live .tn__stage{--bw:min(78vw, calc((var(--tn-avail) - 34px) * 1.6))}}@media (width<=759px){.tn.is-live .tn__stage{--tn-top:calc(var(--header-h) + 132px);--tn-bot:270px;--bw:min(66vw, calc((var(--tn-avail) - 34px) * .56))}.tn.is-live .tn__view,.tn.is-live .tn__frame{aspect-ratio:9/16}.tn__shot--desk{display:none}.tn__shot--phone{display:block}.tn.is-live .tn__cap{text-align:center;justify-items:center;gap:6px;width:min(100vw - 32px,400px);padding:10px 12px;left:50%;right:auto;translate:-50%}.tn.is-live .tn__capTop{flex-direction:column;gap:6px}.tn.is-live .tn__name{justify-content:center}.tn.is-live .tn__name b{font-size:19px}.tn.is-live .tn__story{font-size:17px;font-style:normal;font-family:var(--font-body)}.tn.is-live .tn__next{font-size:14px}.tn.is-live .tn__sample{display:none}.tn.is-live .tn__open{padding:0 16px;font-size:15px}.tn.is-live .tn__does,.tn.is-live .tn__dots,.tn.is-live .tn__hint{display:none}.tn__dot[aria-current]:before{width:22px;height:8px}.tn-dead{font-size:4cqw}.tn-dead__title{font-size:9cqw}.tn-dead__nav{font-size:3.6cqw}.tn-dead__body{grid-template-columns:1fr}.tn-dead__img{font-size:3.4cqw}.tn-dead__uc{font-size:4.4cqw}.tn-dead__foot{font-size:3cqw}}@media (prefers-reduced-motion:reduce){.tn__hint span{animation:none}}