.tryon{--t-bg:var(--background);--t-bg-elev:var(--background-secondary);--t-bg-card:var(--card-bg);--t-border:var(--border-color);--t-border-strong:var(--border-color);--t-fg:var(--foreground);--t-fg-secondary:var(--foreground-secondary);--t-fg-tertiary:var(--foreground-tertiary);--t-violet:var(--primary-600);--t-violet-bright:var(--primary-500);--t-cyan:var(--secondary-500);--t-amber:#f7b52d;--t-accent-gradient:var(--gradient-primary);isolation:isolate;position:relative}.tryon .display{font-family:var(--font-display),sans-serif;letter-spacing:-.02em;line-height:1.1}.tryon .mono{font-family:var(--font-mono),monospace}.tryon .text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tryon .t-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px}.tryon .t-ring{position:relative}.tryon .t-ring:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#a855f773,#22d3ee73,#0000 60%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tryon .t-cta{background:var(--gradient-primary);color:#fff;transition:transform var(--duration-normal)var(--ease-smooth),box-shadow var(--duration-normal)var(--ease-smooth);font-weight:500;box-shadow:0 10px 15px -3px #6b21a84d}.tryon .t-cta:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #6b21a866}.tryon .t-ghost{background:var(--background-secondary);color:var(--foreground);border:1px solid var(--border-color);transition:background var(--duration-normal)var(--ease-smooth),border-color var(--duration-normal)var(--ease-smooth)}.tryon .t-ghost:hover{background:var(--background-tertiary);border-color:var(--primary-500)}.tryon .t-grain:after{content:"";pointer-events:none;opacity:.04;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.tryon .t-mesh{pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 15% 10%,#7c3aed24,#0000 70%),radial-gradient(45% 40% at 85% 0,#22d3ee1a,#0000 70%),radial-gradient(40% 50% at 60% 100%,#a855f714,#0000 70%);position:absolute;inset:0}@keyframes t-mesh-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-2%)scale(1.05)}}.tryon .t-mesh-animate{animation:18s ease-in-out infinite t-mesh-drift}@keyframes t-orb-spin{to{transform:rotate(360deg)}}@keyframes t-orb-pulse{0%,to{opacity:.85}50%{opacity:1}}.tryon .t-orb{filter:blur(2px);background:conic-gradient(#7c3aed,#22d3ee,#a855f7,#22d3ee,#7c3aed);animation:14s linear infinite t-orb-spin,6s ease-in-out infinite t-orb-pulse}@keyframes t-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tryon .t-shimmer{animation:t-shimmer 1.4s var(--ease-smooth)infinite;background:linear-gradient(100deg,#7c3aed05 30%,#a855f738 50%,#7c3aed05 70%) 0 0/200% 100%}@keyframes t-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(2.4)}}.tryon .t-status-dot{position:relative}.tryon .t-status-dot:after{content:"";background:var(--success);animation:t-ping 2.2s var(--ease-smooth)infinite;border-radius:9999px;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.tryon *,.tryon :before,.tryon :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}