:root{color-scheme:light}html[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#f8f7fa}button,a,select,input{touch-action:manipulation}button{cursor:pointer!important}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8563da;outline-offset:4px}a{color:inherit}#teyavo-walkthrough{--t-bg:light-dark(#f8f7fa,#17121d);--t-panel:light-dark(#fff,#251f2c);--t-soft:light-dark(#f0ecf6,#362b40);font-family:'Avenir Next','Segoe UI',Arial,sans-serif;min-height:100vh}#teyavo-walkthrough .tw-shell{border:0;border-radius:0;min-height:100vh;grid-template-columns:218px minmax(0,1fr);overflow:visible}#teyavo-walkthrough .tw-rail{position:sticky;top:0;height:100vh;padding:36px 20px 22px;gap:22px;background:#21162d}#teyavo-walkthrough .tw-brand{font-size:25px;letter-spacing:2px;line-height:1.5}#teyavo-walkthrough .rail-caption{font-size:9px;letter-spacing:1.3px;color:#aa9ab8;padding:0 9px;line-height:1.8}#teyavo-walkthrough .tw-nav{gap:8px}#teyavo-walkthrough .tw-nav button{display:flex;align-items:center;gap:14px;min-height:47px;padding:11px 15px;border-radius:9px;font-weight:500}#teyavo-walkthrough .tw-nav svg{width:19px;height:19px;flex-shrink:0}#teyavo-walkthrough .tw-nav button[aria-current=page]{background:#3b2c49;box-shadow:none;color:#ffcf54}#teyavo-walkthrough .tw-nav button:hover{background:#33233f}#teyavo-walkthrough .rail-story{margin:auto 5px 2px;border-top:1px solid #46364f;padding-top:28px}#teyavo-walkthrough .story-sun{font-size:46px;color:#ffca44;display:block;line-height:1.2;margin-bottom:14px}#teyavo-walkthrough .rail-story strong{font-size:24px;line-height:1.25;letter-spacing:-.5px}#teyavo-walkthrough .rail-story p{font-size:12px;color:#b9a9c6;margin-top:14px;line-height:1.8}#teyavo-walkthrough .tw-rail-foot{margin-top:0;padding:0 4px;gap:18px}#teyavo-walkthrough .tw-rail-foot span{font-size:9px;letter-spacing:1.5px}#teyavo-walkthrough .tw-rail-foot button{font-size:11px;text-align:left;padding:9px;border-color:#4d3b59}#teyavo-walkthrough .tw-top{padding:18px 36px;min-height:85px;flex-wrap:nowrap}#teyavo-walkthrough .tw-top small{font-size:11px;margin-top:3px}#teyavo-walkthrough .tw-content{max-width:1500px;margin:auto;padding:28px 36px 36px;min-height:calc(100vh - 168px)}#teyavo-walkthrough .tw-tools{gap:10px;flex-wrap:nowrap}#teyavo-walkthrough .workspace-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--t-muted)}#teyavo-walkthrough .workspace-label select{font-size:12px;padding:9px 25px 9px 10px;border:1px solid var(--t-line);border-radius:8px;background:var(--t-panel);color:var(--t-ink);max-width:145px}#teyavo-walkthrough .tw-demo{border:0;display:flex;align-items:center;gap:6px;font-size:11px;padding:5px}#teyavo-walkthrough .tw-demo i{width:6px;height:6px;border-radius:50%;background:#a984d5}#teyavo-walkthrough .theme-button{font-size:20px;padding:5px 11px!important}#teyavo-walkthrough .tw-tools .tw-button{min-height:38px;font-size:12px;padding:7px 11px}#tw-bag{display:inline-flex;background:var(--t-sun);border-radius:50%;min-width:21px;height:21px;align-items:center;justify-content:center;color:#21152d;margin-left:4px;font-size:11px}#teyavo-walkthrough .welcome-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:15px}#teyavo-walkthrough .welcome-line>span{font-size:10px;color:var(--t-muted);letter-spacing:1.5px}#teyavo-walkthrough .text-link{border:0;background:none;color:var(--t-violet);font-size:11px;font-weight:600;min-height:25px;padding:0}#teyavo-walkthrough .market-hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:360px;background:light-dark(#ece5f6,#30243f);border-radius:19px;overflow:hidden;position:relative}#teyavo-walkthrough .hero-copy{padding:37px 0 30px 37px;z-index:1}#teyavo-walkthrough .hero-eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--t-violet);display:flex;gap:7px;align-items:center}#teyavo-walkthrough .hero-eyebrow i{width:6px;height:6px;border-radius:50%;background:#8e6fb8}#teyavo-walkthrough .hero-copy h1{font-size:clamp(34px,3.8vw,60px);font-weight:650;letter-spacing:-2.5px;line-height:1.08;margin:20px 0 16px}#teyavo-walkthrough .hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:light-dark(#795399,#d1b6eb)}#teyavo-walkthrough .hero-copy p{font-size:12px;line-height:1.8;color:var(--t-muted)}#teyavo-walkthrough .hero-actions{display:flex;gap:10px;margin-top:22px}#teyavo-walkthrough .hero-actions .primary{background:#261831;border-color:#261831;color:#fff}#teyavo-walkthrough .hero-actions .tw-button{font-size:11px;min-height:43px;border-radius:8px;padding:10px 16px}#teyavo-walkthrough .hero-actions .tw-button:not(.primary){border:1px solid light-dark(#d2c5e0,#6b567d);background:transparent}#teyavo-walkthrough .hero-foot{display:flex;gap:14px;font-size:8px;color:var(--t-muted);margin-top:25px;flex-wrap:wrap}#teyavo-walkthrough .hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}#teyavo-walkthrough .hero-art>img{width:100%;height:100%;object-fit:cover}#teyavo-walkthrough .hero-note{position:absolute;bottom:34px;right:26px;display:flex;gap:12px;align-items:center;background:light-dark(#fff9,#22132ebf);backdrop-filter:blur(10px);border:1px solid light-dark(#fffb,#9a7db654);border-radius:12px;padding:12px 16px;transform:rotate(-5deg);box-shadow:0 9px 20px #3316410a;font-size:11px}#teyavo-walkthrough .hero-note>span{font-size:28px;color:#775294}#teyavo-walkthrough .hero-note strong{font-weight:650}#teyavo-walkthrough .category-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 30px}#teyavo-walkthrough .category-strip button{display:flex;align-items:center;gap:12px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:11px;padding:15px 12px;text-align:left;color:var(--t-ink)}#teyavo-walkthrough .category-strip strong{font-size:13px;display:block}#teyavo-walkthrough .category-strip small{font-size:9px;color:var(--t-muted);display:block;margin-top:2px}#teyavo-walkthrough .category-strip button>span:last-child{margin-left:auto;color:var(--t-muted)}#teyavo-walkthrough .category-number{font-family:Georgia,serif;font-size:23px;color:light-dark(#a48cb9,#b39cca)}#teyavo-walkthrough .tw-section{margin:28px 0 18px}#teyavo-walkthrough .tw-section h2{font-size:22px;letter-spacing:-.65px;margin-top:4px}#teyavo-walkthrough .tw-kicker{font-size:9px;letter-spacing:1.6px}#teyavo-walkthrough .tw-section .tw-button{font-size:11px;min-height:35px;padding:6px 12px}#teyavo-walkthrough .product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#teyavo-walkthrough .tw-product{border-radius:13px;transition:transform .2s,box-shadow .2s}#teyavo-walkthrough .tw-product:hover{transform:translateY(-3px);box-shadow:0 12px 24px #3222420c}#teyavo-walkthrough .product-image{width:100%;height:190px;padding:0;border:0;position:relative;overflow:hidden;background:#eee7e0}#teyavo-walkthrough .product-image>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}#teyavo-walkthrough .product-image:hover>img{transform:scale(1.04)}#teyavo-walkthrough .image-pill{position:absolute;top:12px;left:12px;font-size:9px;background:#fffc;color:#35223c;padding:4px 8px;border-radius:5px}#teyavo-walkthrough .image-arrow{position:absolute;bottom:10px;right:10px;border-radius:50%;background:#fffc;color:#35223c;width:29px;height:29px;display:grid;place-items:center}#teyavo-walkthrough .tw-product-body{padding:17px}#teyavo-walkthrough .product-seller{font-size:9px;letter-spacing:.6px;color:var(--t-muted);text-transform:uppercase;display:block;margin-bottom:7px}#teyavo-walkthrough .tw-product-body h3{font-size:14px;letter-spacing:-.25px;line-height:1.4;min-height:39px}#teyavo-walkthrough .tw-product-body p{font-size:10px;margin:4px 0 18px}#teyavo-walkthrough .tw-product-body .tw-price{font-size:17px}#teyavo-walkthrough .tw-product-body .tw-button{font-size:10px;min-height:32px;padding:5px 8px}#teyavo-walkthrough .community-banner{display:flex;align-items:center;gap:25px;margin-top:30px;padding:27px;background:light-dark(#e4ecdf,#273727);border-radius:13px;position:relative;overflow:hidden}#teyavo-walkthrough .community-banner h2{font-size:24px;margin:5px 0}#teyavo-walkthrough .community-banner p{font-size:12px;margin:0;color:var(--t-muted)}#teyavo-walkthrough .community-banner .tw-button{margin-left:auto;margin-right:120px;z-index:1;font-size:11px;background:light-dark(#fff9,#263026);white-space:nowrap}#teyavo-walkthrough .community-ring{position:absolute;right:30px;font-size:120px;line-height:1;color:light-dark(#c2d4b4,#405a36);transform:rotate(-15deg)}#teyavo-walkthrough .more-links .tw-button{background:transparent;font-size:11px}#teyavo-walkthrough .tw-foot{text-align:center;font-size:10px;line-height:1.8;padding:22px;color:var(--t-muted)}#teyavo-walkthrough .tw-foot a{font-size:10px;display:inline-block;margin-top:6px;color:var(--t-violet)}#teyavo-walkthrough .tw-title h1{font-size:32px;font-weight:650;margin-top:6px}#teyavo-walkthrough .tw-panel{padding:24px;border-radius:12px}#teyavo-walkthrough .tw-panel h2{font-weight:650}#teyavo-walkthrough .tw-button:hover{filter:brightness(.97)}#teyavo-walkthrough .detail-image{width:100%;height:240px;object-fit:cover;border-radius:8px;margin:3px 0 18px}#teyavo-walkthrough .explore-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}#teyavo-walkthrough .explore-shortcuts .tw-button{font-size:12px;padding:6px 12px;min-height:34px}#teyavo-walkthrough .tw-status{margin:18px 36px 0;border-radius:8px;padding:12px 16px;background:var(--t-positive);color:var(--t-green);font-size:13px}#teyavo-walkthrough dialog{max-height:85dvh;max-width:min(540px,calc(100vw - 30px));border-radius:16px;background:var(--t-panel);color:var(--t-ink);padding:28px}#teyavo-walkthrough dialog::backdrop{background:#1b0d2a80;backdrop-filter:blur(5px)}#teyavo-walkthrough .tw-list-item>div{min-width:0;overflow-wrap:anywhere}#teyavo-walkthrough .tw-list-item>div:last-child{flex-shrink:0}#teyavo-walkthrough .tw-field{max-width:100%}
@media(min-width:1450px){#teyavo-walkthrough .market-hero{min-height:410px}#teyavo-walkthrough .hero-copy{padding:44px}#teyavo-walkthrough .product-image{height:225px}}
@media(max-width:1150px){#teyavo-walkthrough .tw-shell{grid-template-columns:180px minmax(0,1fr)}#teyavo-walkthrough .tw-rail{padding:28px 12px}#teyavo-walkthrough .tw-content{padding:24px}#teyavo-walkthrough .tw-top{padding:16px 24px}#teyavo-walkthrough .top-context small{display:none}#teyavo-walkthrough .workspace-label>span{display:none}#teyavo-walkthrough .hero-copy{padding:30px 0 25px 25px}#teyavo-walkthrough .hero-copy h1{font-size:42px}#teyavo-walkthrough .hero-copy p{font-size:11px}#teyavo-walkthrough .category-strip{gap:7px}#teyavo-walkthrough .category-strip button{padding:12px 9px;gap:8px}#teyavo-walkthrough .category-number{font-size:17px}#teyavo-walkthrough .category-strip small{font-size:8px}#teyavo-walkthrough .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#teyavo-walkthrough .product-image{height:210px}#teyavo-walkthrough .tw-product-body h3{min-height:0}#teyavo-walkthrough .community-banner .tw-button{margin-right:70px}#teyavo-walkthrough .community-ring{right:15px;font-size:85px}}
@media(max-width:760px){#teyavo-walkthrough .tw-shell{display:block}#teyavo-walkthrough .tw-rail{position:static;height:auto;padding:0;background:none;display:contents}#teyavo-walkthrough .tw-brand,#teyavo-walkthrough .rail-caption,#teyavo-walkthrough .rail-story,#teyavo-walkthrough .tw-rail-foot{display:none}#teyavo-walkthrough .tw-nav{position:fixed;bottom:0;left:0;right:0;height:72px;height:calc(66px + env(safe-area-inset-bottom));background:var(--t-panel);border-top:1px solid var(--t-line);display:flex;flex-direction:row;justify-content:space-around;gap:0;z-index:20;padding:4px 5px env(safe-area-inset-bottom);overflow-x:auto}#teyavo-walkthrough .tw-nav button{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;min-width:68px;padding:8px 10px;font-size:10px;color:var(--t-muted);min-height:55px;flex:1;white-space:nowrap}#teyavo-walkthrough .tw-nav button:hover{background:var(--t-soft)}#teyavo-walkthrough .tw-nav button[aria-current=page]{background:none;color:var(--t-violet);font-weight:700}#teyavo-walkthrough .tw-nav svg{width:21px;height:21px}#teyavo-walkthrough .tw-main{padding-bottom:70px}#teyavo-walkthrough .tw-top{position:sticky;top:0;z-index:10;padding:13px 16px;min-height:72px;gap:8px}#teyavo-walkthrough .top-context strong{font-size:0}#teyavo-walkthrough .top-context strong:before{content:'TEYAVO';font-size:18px;font-weight:800;letter-spacing:1px}#teyavo-walkthrough .tw-top small{display:none}#teyavo-walkthrough .tw-tools{gap:6px}#teyavo-walkthrough .tw-tools .tw-button[data-go=tours],#teyavo-walkthrough .tw-demo{display:none}#teyavo-walkthrough .workspace-label select{font-size:11px;max-width:112px;padding:9px 4px}#teyavo-walkthrough .tw-tools .tw-button{font-size:11px;padding:6px 8px}#teyavo-walkthrough .tw-content{padding:20px 16px}#teyavo-walkthrough .welcome-line>span{font-size:7px;letter-spacing:.9px}#teyavo-walkthrough .welcome-line .text-link{font-size:9px}#teyavo-walkthrough .market-hero{grid-template-columns:1fr;min-height:0;isolation:isolate}#teyavo-walkthrough .hero-copy{padding:28px 24px 22px}#teyavo-walkthrough .hero-copy h1{font-size:44px;letter-spacing:-2px;margin:16px 0}#teyavo-walkthrough .hero-copy p{font-size:12px;max-width:300px}#teyavo-walkthrough .hero-actions{margin-top:18px;gap:7px}#teyavo-walkthrough .hero-actions .tw-button{font-size:10px;padding:10px 12px}#teyavo-walkthrough .hero-foot{font-size:7px;gap:12px;margin-top:18px}#teyavo-walkthrough .hero-art{height:210px;background:#e9dff1;overflow:hidden}#teyavo-walkthrough .hero-art>img{object-fit:cover;object-position:center 54%}#teyavo-walkthrough .hero-note{bottom:20px;right:24px;padding:10px 13px;font-size:10px}#teyavo-walkthrough .hero-note>span{font-size:22px}#teyavo-walkthrough .category-strip{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 25px}#teyavo-walkthrough .category-strip button{padding:13px 11px;gap:10px}#teyavo-walkthrough .category-strip strong{font-size:12px}#teyavo-walkthrough .category-strip small{font-size:8px}#teyavo-walkthrough .category-number{font-size:22px}#teyavo-walkthrough .tw-section h2{font-size:20px}#teyavo-walkthrough .tw-kicker{font-size:8px}#teyavo-walkthrough .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#teyavo-walkthrough .product-image{height:160px}#teyavo-walkthrough .tw-product-body{padding:13px}#teyavo-walkthrough .tw-product-body h3{font-size:12px;min-height:34px}#teyavo-walkthrough .product-seller{font-size:7px}#teyavo-walkthrough .tw-product-body p{font-size:8px;margin:3px 0 12px}#teyavo-walkthrough .tw-product-body .tw-price{font-size:14px}#teyavo-walkthrough .tw-product-body .tw-button{font-size:9px;padding:4px 6px;min-height:32px}#teyavo-walkthrough .image-pill{font-size:8px;padding:3px 7px;top:9px;left:9px}#teyavo-walkthrough .image-arrow{width:24px;height:24px;font-size:12px}#teyavo-walkthrough .community-banner{padding:22px;display:block;margin-top:22px}#teyavo-walkthrough .community-banner h2{font-size:22px}#teyavo-walkthrough .community-banner p{font-size:11px;max-width:210px}#teyavo-walkthrough .community-banner .tw-button{margin-top:15px;margin-left:0}#teyavo-walkthrough .community-ring{bottom:20px;right:18px;font-size:100px}#teyavo-walkthrough .tw-grid:not(.product-grid),#teyavo-walkthrough .tw-grid.three{grid-template-columns:1fr}#teyavo-walkthrough .tw-title{align-items:flex-start}#teyavo-walkthrough .tw-title h1{font-size:28px}#teyavo-walkthrough .tw-title .tw-muted{font-size:12px}#teyavo-walkthrough .tw-title>.tw-button{font-size:11px;padding:8px;white-space:nowrap}#teyavo-walkthrough .tw-panel{padding:19px}#teyavo-walkthrough .tw-panel h2{font-size:18px}#teyavo-walkthrough .tw-status{margin:12px 16px 0;font-size:12px}#teyavo-walkthrough .tw-guide{margin:12px 16px 0;padding:15px}#teyavo-walkthrough .tw-guide .tw-button{font-size:11px}#teyavo-walkthrough .tw-list-item{gap:10px}#teyavo-walkthrough .tw-list-item strong{font-size:13px}#teyavo-walkthrough .tw-list-item small{font-size:11px}#teyavo-walkthrough .tw-list-item .tw-button{font-size:11px;padding:8px}#teyavo-walkthrough .tw-foot{padding:10px 20px 30px}#teyavo-walkthrough .desktop-break{display:none}#teyavo-walkthrough .detail-image{height:225px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#teyavo-walkthrough .hero-art>svg{width:100%;height:100%;position:absolute;inset:0} @media(max-width:760px){#teyavo-walkthrough .hero-art>svg{height:300px;top:-45px}}

/* sidebar: the rail colour belongs to the whole column, so it never ends above the page bottom */
#teyavo-walkthrough{--rail-w:218px}
#teyavo-walkthrough .tw-shell{grid-template-columns:var(--rail-w) minmax(0,1fr);background:linear-gradient(to right,#21162d var(--rail-w),var(--t-bg) var(--rail-w))}
#teyavo-walkthrough .tw-rail{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#46364f transparent}
#teyavo-walkthrough .tw-brand{background:none;border:0;color:inherit;text-align:left;cursor:pointer;min-height:0;padding:0 8px;font-weight:850}
#teyavo-walkthrough .tw-main{display:flex;flex-direction:column;min-height:100vh}
#teyavo-walkthrough .tw-content{flex:1;width:100%}
#teyavo-walkthrough .hero-search{display:flex;gap:8px;margin-top:18px;max-width:440px}
#teyavo-walkthrough .hero-search input{flex:1;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--t-line);border-radius:12px;background:var(--t-panel);color:var(--t-ink)}
@media(max-width:1150px){#teyavo-walkthrough{--rail-w:180px}}
@media(max-width:760px){#teyavo-walkthrough .tw-shell{background:var(--t-bg)}#teyavo-walkthrough .tw-rail{height:auto;overflow:visible}#teyavo-walkthrough .tw-main{min-height:0}#teyavo-walkthrough .tw-brand{font-size:19px;padding:14px 16px}}

/* a long menu scrolls inside the rail and never squashes the logo; on a phone the bottom menu scrolls sideways */
#teyavo-walkthrough .tw-rail>*{flex-shrink:0}
@media(max-width:760px){#teyavo-walkthrough .tw-nav{justify-content:flex-start}#teyavo-walkthrough .tw-nav button{flex:1 0 auto}}

/* tagline under the logo: one quiet line in sentence case, aligned with the wordmark */
#teyavo-walkthrough .rail-caption{font-size:12px;letter-spacing:.2px;text-transform:lowercase;color:#b9aac5;line-height:1.4;margin:-14px 0 0;padding:0 8px;font-weight:400}
#teyavo-walkthrough .rail-caption::first-letter{text-transform:uppercase}
@media(max-width:1150px){#teyavo-walkthrough .rail-caption{font-size:11px}}
@media(max-width:760px){#teyavo-walkthrough .tw-top{justify-content:space-between}#teyavo-walkthrough .tw-tools{margin-left:auto;justify-content:flex-end}}
