:root{--theme-bg:#fff;--theme-bg-alt:#f5f5f5;--theme-bg-inverse:#000;--theme-text-primary:#111;--theme-text-secondary:#525252;--theme-text-muted:#737373;--theme-text-inverse:#fff;--theme-accent:var(--accent-color,#111);--theme-accent-light:rgba(var(--accent-color-rgb),.85);--theme-accent-dark:var(--accent-color-dark,#0e0e0e);--theme-primary:#111;--theme-primary-light:#1a1a1a;--theme-primary-dark:#000;--theme-secondary:#f5f5f5;--theme-secondary-dark:#e5e5e5;--theme-border:#d4d4d4;--theme-border-dark:#262626;--theme-success:#262626;--theme-warning:#404040;--theme-error:#1a1a1a;--theme-info:#404040;--glass-bg:#ffffff17;--glass-border:#00000040;--glass-blur-bg:#ffffff2b;--theme-shadow-sm:0 1px 2px 0 #0000000d;--theme-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--theme-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--theme-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--heading-weight:600;--text-h1-weight:700;--text-h2-weight:700;--text-h3-weight:600;--text-h4-weight:600;--text-h5-weight:500;--text-h6-weight:500;--text-subtitle-weight:400;--text-body-weight:400;--text-body-sm-weight:400;--text-caption-weight:400;--text-overline-weight:600;--text-label-weight:500;--theme-accent-rgb:var(--accent-color-rgb,26,26,46);--theme-primary-rgb:26,26,46;--theme-text-primary-rgb:26,26,46;--theme-text-secondary-rgb:107,114,128;--theme-text-muted-rgb:156,163,175;--theme-text-inverse-rgb:255,255,255;--theme-border-rgb:229,231,235}[data-theme=dark]{--theme-bg:#000;--theme-bg-alt:#111;--theme-bg-inverse:#fff;--theme-text-primary:#fff;--theme-text-secondary:#737373;--theme-text-muted:#525252;--theme-text-inverse:#000;--theme-accent:var(--accent-color-light,#fff);--theme-accent-light:var(--accent-color-light,#d4d4d4);--theme-accent-dark:var(--accent-color-dark,#737373);--theme-primary:#111;--theme-primary-light:#1a1a1a;--theme-primary-dark:#000;--theme-secondary:#111;--theme-secondary-dark:#1a1a1a;--theme-border:#262626;--theme-border-dark:#404040;--theme-success:#262626;--theme-warning:#404040;--theme-error:#1a1a1a;--theme-info:#404040;--glass-bg:#00000017;--glass-border:#ffffff40;--glass-blur-bg:#0000002b;--theme-shadow-sm:0 1px 2px #0006;--theme-shadow-md:0 4px 8px #00000080;--theme-shadow-lg:0 12px 20px #0000008c;--theme-shadow-xl:0 24px 40px #0009;--theme-accent-rgb:var(--accent-color-rgb,255,255,255);--theme-primary-rgb:26,26,26;--theme-text-primary-rgb:255,255,255;--theme-text-secondary-rgb:115,115,115;--theme-text-muted-rgb:82,82,82;--theme-text-inverse-rgb:26,26,26;--theme-border-rgb:55,55,55}body.theme-thin{--text-h1-weight:400;--text-h2-weight:400;--text-h3-weight:300;--text-h4-weight:300;--text-h5-weight:400;--text-h6-weight:400;--text-subtitle-weight:400;--text-body-weight:300;--text-body-sm-weight:300;--text-caption-weight:300;--text-overline-weight:500;--text-label-weight:400}body.theme-regular{--text-h1-weight:500;--text-h2-weight:500;--text-h3-weight:400;--text-h4-weight:400;--text-h5-weight:500;--text-h6-weight:500;--text-subtitle-weight:400;--text-body-weight:400;--text-body-sm-weight:400;--text-caption-weight:400;--text-overline-weight:600;--text-label-weight:500}body.theme-thick{--text-h1-weight:700;--text-h2-weight:700;--text-h3-weight:700;--text-h4-weight:700;--text-h5-weight:600;--text-h6-weight:600;--text-subtitle-weight:500;--text-body-weight:500;--text-body-sm-weight:500;--text-caption-weight:400;--text-overline-weight:700;--text-label-weight:600}.tf-header{text-align:center;max-width:640px;margin:0 auto 3rem;transition:opacity .6s,transform .6s;transform:translateY(1.25rem)}.tf-visible .tf-header{opacity:1;transform:translateY(0)}.tf-title{letter-spacing:-.03em;margin:0;font-size:clamp(1.875rem,3vw,2.25rem);line-height:.9}.tf-subtitle{color:var(--theme-text-primary);margin:.75rem 0 0;font-size:clamp(1.125rem,1.75vw,1.25rem);line-height:1.625}.tf-toggle-row{justify-content:center;margin-bottom:3rem;display:flex}.tf-toggle{background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:.75rem;gap:.25rem;padding:.25rem;transition:opacity .5s,transform .5s;display:flex;transform:translateY(1.25rem)}.tf-visible .tf-toggle{opacity:1;transform:translateY(0)}.tf-toggle-btn{color:var(--theme-text-muted);cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:clamp(.875rem,1.2vw,1rem);transition:background .25s,color .25s}.tf-toggle-btn--active{color:var(--theme-text-primary);background:#ffffff14}.tf-toggle-btn:hover:not(.tf-toggle-btn--active){color:var(--theme-text-primary)}.tf-content{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid}.tf-content--reversed{direction:rtl}.tf-content--reversed>*{direction:ltr}.tf-panel{animation:.45s forwards tf-fadeIn}@keyframes tf-fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.tf-card{border:1px solid var(--theme-border);aspect-ratio:4/5;border-radius:1rem;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:translateY(40px)scale(.96)}.tf-visible .tf-card{opacity:1;transform:translateY(0)scale(1)}.tf-card:hover{border-color:var(--theme-border-dark)}.tf-card-bg{object-fit:cover;filter:brightness(.85);width:100%;height:100%;transition:transform .6s,filter .6s;display:block}.tf-card:hover .tf-card-bg{filter:brightness();transform:scale(1.04)}.tf-card-overlay{background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%);padding:2rem;position:absolute;bottom:0;left:0;right:0}.tf-card-title{letter-spacing:-.02em;color:var(--theme-text-primary);margin:0;font-size:clamp(1.25rem,2vw,1.5rem)}.tf-card-desc{color:var(--theme-text-muted);max-width:360px;margin:.5rem 0 0;font-size:clamp(.875rem,1.2vw,1rem);line-height:1.625}.tf-text{transition:opacity .7s .2s,transform .7s .2s;transform:translateY(2rem)}.tf-visible .tf-text{opacity:1;transform:translateY(0)}.tf-heading{color:var(--theme-text-primary);letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:.9}.tf-body{color:var(--theme-text-muted);max-width:480px;margin:1rem 0 0;font-size:clamp(1.125rem,1.75vw,1.25rem);line-height:1.625}.tf-cta{color:var(--theme-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;margin-top:2rem;padding:0;font-family:inherit;font-size:clamp(1rem,1.5vw,1.125rem);transition:color .25s,gap .25s;display:inline-flex}.tf-cta:hover{color:var(--theme-accent);gap:1.5rem}.tf-cta-arrow{font-size:clamp(1.125rem,1.75vw,1.25rem);transition:transform .25s}.tf-cta:hover .tf-cta-arrow{transform:translate(3px)}.tf-features{flex-direction:column;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.tf-feature-item{color:var(--theme-text-muted);align-items:center;gap:.5rem;font-size:clamp(1rem,1.5vw,1.125rem);display:flex}.tf-feature-icon{color:var(--theme-accent);flex-shrink:0;font-size:clamp(1rem,1.5vw,1.125rem)}@media (max-width:768px){.tf-header{margin-bottom:2rem}.tf-content{grid-template-columns:1fr;gap:2rem}.tf-content--reversed{direction:ltr}.tf-title{font-size:clamp(1.5rem,2.5vw,1.875rem)}.tf-heading{font-size:clamp(1.25rem,2vw,1.5rem)}.tf-card{aspect-ratio:4/3}.tf-toggle{flex-wrap:wrap;justify-content:center}}
