*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:SF Mono,SFMono-Regular,ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:480px){.container{max-width:480px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.ff-section{width:100%;padding:var(--ff-section-gap) var(--ff-section-padding-x)}.ff-section-content{max-width:var(--ff-content-max-width);margin-left:auto;margin-right:auto}.hero-section{isolation:isolate}.hero-title{font-size:clamp(2.75rem,13vw,9.5rem);line-height:1;display:inline;white-space:nowrap}.hero-bg-wash{position:absolute;inset:0;z-index:0;opacity:.07;background:radial-gradient(ellipse 60% 50% at 20% 40%,#29b6f6,transparent),radial-gradient(ellipse 50% 60% at 80% 60%,#ff6b9d,transparent),radial-gradient(ellipse 40% 40% at 50% 20%,#ffa726,transparent);background-size:200% 200%;background-position:0 50%;pointer-events:none}.hero-orb-container{display:flex;justify-content:center;margin-bottom:var(--ff-space-6)}.hero-orb-canvas{width:clamp(100px,22vw,200px);height:clamp(100px,22vw,200px);pointer-events:none}.hero-tagline-accent{font-weight:var(--ff-weight-bold)}.ff-accent,.hero-tagline-accent{color:var(--ff-accent);transition:color var(--ff-duration-normal) var(--ff-ease-out)}.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:12px;animation:hero-indicator-float 3s ease-in-out infinite}.hero-scroll-line{width:2px;height:64px;background:linear-gradient(to bottom,var(--ff-accent),transparent);box-shadow:0 0 12px var(--ff-accent);transform-origin:top center;animation:hero-scroll-pulse 2.4s ease-in-out infinite}.hero-cta-button,.hero-scroll-line{border-radius:var(--ff-radius-full)}.hero-cta-button{display:inline-flex;align-items:center;gap:var(--ff-space-3);padding:var(--ff-space-3) var(--ff-space-6);background:var(--ff-text-primary);color:var(--ff-text-inverse);font-size:15px;font-weight:var(--ff-weight-semibold);text-decoration:none;transition:transform var(--ff-duration-fast) var(--ff-ease-out),box-shadow var(--ff-duration-fast) var(--ff-ease-out);box-shadow:0 0 16px rgba(41,182,246,.2),0 4px 12px rgba(0,0,0,.08);animation:glow-pulse 2.5s ease-in-out infinite}@supports (color:color-mix(in srgb,red 50%,blue)){.hero-cta-button{box-shadow:0 0 16px color-mix(in srgb,var(--ff-accent) 20%,transparent),0 4px 12px rgba(0,0,0,.08)}}.hero-cta-button:hover{transform:translateY(-3px);box-shadow:0 0 24px rgba(41,182,246,.35),0 6px 16px rgba(0,0,0,.1)}@supports (color:color-mix(in srgb,red 50%,blue)){.hero-cta-button:hover{box-shadow:0 0 24px color-mix(in srgb,var(--ff-accent) 35%,transparent),0 6px 16px rgba(0,0,0,.1)}}.hero-cta-button:active{transform:scale(.98) translateY(0)}.hero-cta-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ff-accent),0 0 0 6px rgba(41,182,246,.3)}.hero-cta-icon{width:20px;height:20px;flex-shrink:0}.carousel-marquee-container{display:flex;flex-direction:column;gap:var(--ff-space-4);overflow:hidden;padding:var(--ff-space-8) 0;margin-top:var(--ff-space-10)}.carousel-marquee-row{display:flex;gap:var(--ff-space-3);width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;contain:layout style}.carousel-marquee-item{flex-shrink:0}.carousel-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-2);padding:var(--ff-space-3);border:1px solid rgba(255,255,255,.12);background:rgba(250,250,250,.1);border-radius:var(--ff-radius-lg);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;flex-shrink:0;contain:layout style paint;transition:background var(--ff-duration-fast) var(--ff-ease-out),var(--ff-transition-card)}.carousel-card-canvas{width:72px;height:72px;border-radius:var(--ff-radius-full);transition:box-shadow var(--ff-duration-fast) var(--ff-ease-out),transform var(--ff-duration-fast) var(--ff-ease-out)}.carousel-card-label{font-size:11px;max-width:80px;overflow:hidden;text-overflow:ellipsis;transition:color var(--ff-duration-fast) var(--ff-ease-out)}.carousel-card-code,.carousel-card-label{line-height:1.2;color:var(--ff-text-tertiary);white-space:nowrap;text-align:center}.carousel-card-code{font-family:var(--ff-font-mono);font-size:9px;opacity:.5;letter-spacing:.02em}.carousel-card--selected{background:rgba(255,255,255,.12);border-color:var(--ff-card-accent,var(--ff-accent))}.carousel-card--selected .carousel-card-canvas{box-shadow:0 0 0 3px var(--ff-card-accent,var(--ff-accent)),0 0 20px rgba(var(--ff-card-accent-rgb,41,182,246),.3)}.carousel-card--selected .carousel-card-label{color:var(--ff-text-primary);font-weight:var(--ff-weight-medium)}.carousel-card:focus-visible .carousel-card-canvas{box-shadow:0 0 0 3px var(--ff-card-accent,var(--ff-accent)),0 0 0 6px rgba(41,182,246,.3)}.sf-preset-card{text-align:left;background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);padding:var(--ff-space-3);display:flex;flex-direction:column;gap:var(--ff-space-2);transition:var(--ff-transition-card)}.sf-preset-card-icon{font-size:28px;line-height:1}.sf-preset-card-name{font-size:13px;font-weight:var(--ff-weight-semibold);color:var(--ff-text-primary);line-height:1.2}.sf-preset-card-desc{font-size:11px;line-height:1.3;color:var(--ff-text-secondary)}.sf-feature-card{text-align:left;background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-md);padding:var(--ff-space-3);display:flex;flex-direction:column;gap:var(--ff-space-1);transition:var(--ff-transition-card)}.sf-feature-card-icon{font-size:24px;line-height:1}.sf-feature-card-title{font-size:13px;font-weight:var(--ff-weight-semibold);color:var(--ff-text-primary);line-height:1.2}.sf-feature-card-desc{font-size:11px;line-height:1.3;color:var(--ff-text-secondary)}.sf-showcase-grid{display:flex;flex-direction:column;gap:var(--ff-space-4);max-width:360px;margin:var(--ff-space-10) auto 0}.sf-showcase-grid .sf-showcase-card[data-position=featured]{order:-1}@media (min-width:768px){.sf-showcase-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:var(--ff-space-6);max-width:920px;align-items:end}.sf-showcase-grid .sf-showcase-card[data-position=featured]{order:0}.sf-showcase-grid .sf-showcase-card[data-position=left]{order:-1}}.sf-showcase-card{background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-lg);padding:var(--ff-space-5);display:flex;flex-direction:column;gap:var(--ff-space-4);transition:var(--ff-transition-card)}.sf-showcase-card--featured{padding:var(--ff-space-7);border-width:2px;box-shadow:var(--ff-shadow-sm)}.sf-showcase-card-header{display:flex;align-items:center;gap:var(--ff-space-3)}.sf-showcase-card-emoji{font-size:32px;line-height:1}.sf-showcase-card-emoji--featured{font-size:40px}.sf-showcase-card-name{font-size:17px;font-weight:var(--ff-weight-bold);color:var(--ff-text-primary)}.sf-showcase-card--featured .sf-showcase-card-name{font-size:20px}.sf-showcase-card-desc{font-size:15px;line-height:1.4;color:var(--ff-text-secondary)}.sf-schedule-bar{width:100%;height:10px;border-radius:5px;overflow:hidden;display:flex;position:relative;background:var(--ff-schedule-bar-bg)}.sf-schedule-bar--featured{height:14px;border-radius:7px}.sf-schedule-segment{flex:1;height:100%}.sf-time-marker{position:absolute;width:2px;height:calc(100% + 4px);top:-2px;background:white;border-radius:1px;box-shadow:none;animation:none}.sf-time-marker--animated{box-shadow:none;will-change:transform;transform:translateZ(0)}.sf-time-labels{display:flex;justify-content:space-between;width:100%;margin-top:4px}.sf-time-label{font-size:9px;font-weight:var(--ff-weight-medium);color:var(--ff-text-tertiary);white-space:nowrap}.sf-current-intensity{text-align:center;min-height:16px}.sf-current-intensity-text{font-size:14px;font-weight:var(--ff-weight-bold);text-transform:capitalize;transition:color var(--ff-duration-fast) var(--ff-ease-out)}.cta-play-button{display:inline-flex;align-items:center;gap:var(--ff-space-3);padding:var(--ff-space-4) var(--ff-space-8);background:var(--ff-text-primary);color:var(--ff-text-inverse);border-radius:var(--ff-radius-full);font-size:16px;font-weight:var(--ff-weight-semibold);text-decoration:none;transition:transform var(--ff-duration-fast) var(--ff-ease-out),box-shadow var(--ff-duration-fast) var(--ff-ease-out);box-shadow:0 0 16px rgba(41,182,246,.2),0 4px 12px rgba(0,0,0,.08);animation:glow-pulse 2.5s ease-in-out infinite}@supports (color:color-mix(in srgb,red 50%,blue)){.cta-play-button{box-shadow:0 0 16px color-mix(in srgb,var(--ff-accent) 20%,transparent),0 4px 12px rgba(0,0,0,.08)}}.cta-play-button:hover{transform:translateY(-3px);box-shadow:0 0 24px rgba(41,182,246,.35),0 6px 16px rgba(0,0,0,.1)}@supports (color:color-mix(in srgb,red 50%,blue)){.cta-play-button:hover{box-shadow:0 0 24px color-mix(in srgb,var(--ff-accent) 35%,transparent),0 6px 16px rgba(0,0,0,.1)}}.cta-play-button:active{transform:scale(.98) translateY(0)}.cta-shimmer{position:relative;overflow:hidden}.cta-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%);background-size:200% 100%;background-position:200% 0;pointer-events:none}.cta-shimmer:hover:after{animation:shimmer-sweep .8s ease-out forwards}.cta-play-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ff-accent),0 0 0 6px rgba(41,182,246,.3)}.cta-play-icon{width:20px;height:20px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.z-\[1\]{z-index:1}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-ff-10{margin-bottom:48px}.mb-ff-12{margin-bottom:96px}.mb-ff-2{margin-bottom:8px}.mb-ff-4{margin-bottom:16px}.mb-ff-6{margin-bottom:24px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-ff-10{margin-top:48px}.mt-ff-2{margin-top:8px}.mt-ff-4{margin-top:16px}.mt-ff-6{margin-top:24px}.mt-ff-8{margin-top:32px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.min-h-\[100dvh\]{min-height:100dvh}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-12{width:3rem}.w-full{width:100%}.max-w-\[720px\]{max-width:720px}.max-w-\[900px\]{max-width:900px}.max-w-ff-content{max-width:640px}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-ff-4{gap:16px}.gap-ff-6{gap:24px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-ff-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(48px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(48px * var(--tw-space-y-reverse))}.space-y-ff-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(96px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(96px * var(--tw-space-y-reverse))}.space-y-ff-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.space-y-ff-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px * var(--tw-space-y-reverse))}.space-y-ff-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(32px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(32px * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-ff-border>:not([hidden])~:not([hidden]){border-color:var(--ff-border)}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:rgb(255 255 255/.05)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-ff-full{border-radius:9999px}.rounded-ff-lg{border-radius:16px}.rounded-ff-md{border-radius:8px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-ff-border{border-color:var(--ff-border)}.border-white\/10{border-color:rgb(255 255 255/.1)}.border-l-\[var\(--ff-accent\)\]{border-left-color:var(--ff-accent)}.bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-\[\#6366f1\]{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-\[\#737373\]{--tw-bg-opacity:1;background-color:rgb(115 115 115/var(--tw-bg-opacity,1))}.bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-ff-bg{background-color:var(--ff-bg)}.bg-ff-surface{background-color:var(--ff-surface)}.bg-white\/5{background-color:rgb(255 255 255/.05)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[var\(--ff-accent\)\]{--tw-gradient-from:var(--ff-accent) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to:rgb(168 85 247/0.1) var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-ff-3{padding:12px}.p-ff-4{padding:16px}.p-ff-6{padding:24px}.px-\[var\(--ff-section-padding-x\)\]{padding-left:var(--ff-section-padding-x);padding-right:var(--ff-section-padding-x)}.px-ff-4{padding-left:16px;padding-right:16px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-ff-10{padding-top:48px;padding-bottom:48px}.py-ff-2{padding-top:8px;padding-bottom:8px}.pr-4{padding-right:1rem}.pt-ff-8{padding-top:32px}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:SF Mono,SFMono-Regular,ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace}.font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Helvetica Neue,Arial,sans-serif}.text-\[0\.75rem\]{font-size:.75rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-ff-body{font-size:16px;line-height:24px;font-weight:400}.text-ff-body-lg{font-size:18px;line-height:28px;font-weight:400}.text-ff-caption{font-size:12px;line-height:16px;font-weight:400}.text-ff-h1-mobile,.text-ff-h2{font-size:28px;line-height:32px;font-weight:700}.text-ff-h3{font-size:22px;line-height:26px;font-weight:600}.text-ff-small{font-size:14px;line-height:20px;font-weight:400}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[0\.02em\]{letter-spacing:.02em}.text-\[var\(--ff-accent\)\]{color:var(--ff-accent)}.text-ff-text-primary{color:var(--ff-text-primary)}.text-ff-text-secondary{color:var(--ff-text-secondary)}.text-ff-text-tertiary{color:var(--ff-text-tertiary)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\!ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-ff-fast{transition-duration:.2s}:root{--ff-bg:#FFFFFF;--ff-text-primary:#0A0A0A;--ff-text-secondary:#5A5A5A;--ff-text-tertiary:#8A8A8A;--ff-text-inverse:#FFFFFF;--ff-accent:var(--ff-theme-accent,#29B6F6);--ff-surface:#FAFAFA;--ff-surface-hover:#F5F5F5;--ff-surface-active:#EEEEEE;--ff-border:#E5E5E5;--ff-border-strong:#D4D4D4;--ff-overlay-light:rgba(255,255,255,0.8);--ff-overlay-dark:rgba(0,0,0,0.5);--ff-overlay-blur:rgba(255,255,255,0.6);--ff-success:#22C55E;--ff-warning:#F59E0B;--ff-error:#EF4444;--ff-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;--ff-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--ff-weight-regular:400;--ff-weight-medium:500;--ff-weight-semibold:600;--ff-weight-bold:700;--ff-tracking-tight:-0.02em;--ff-tracking-normal:0em;--ff-tracking-wide:0.02em;--ff-space-1:4px;--ff-space-2:8px;--ff-space-3:12px;--ff-space-4:16px;--ff-space-5:20px;--ff-space-6:24px;--ff-space-7:28px;--ff-space-8:32px;--ff-space-9:36px;--ff-space-10:48px;--ff-space-11:64px;--ff-space-12:96px;--ff-space-xs:var(--ff-space-1);--ff-space-sm:var(--ff-space-2);--ff-space-md:var(--ff-space-4);--ff-space-lg:var(--ff-space-6);--ff-space-xl:var(--ff-space-8);--ff-space-2xl:var(--ff-space-10);--ff-space-3xl:var(--ff-space-11);--ff-space-4xl:var(--ff-space-12);--ff-section-gap:120px;--ff-section-padding-x:24px;--ff-content-max-width:640px;--ff-duration-instant:100ms;--ff-duration-fast:200ms;--ff-duration-normal:300ms;--ff-duration-slow:500ms;--ff-duration-wave:1200ms;--ff-ease-out:cubic-bezier(0.16,1,0.3,1);--ff-ease-in:cubic-bezier(0.7,0,1,0.5);--ff-ease-in-out:cubic-bezier(0.45,0,0.55,1);--ff-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ff-ease-decelerate:cubic-bezier(0,0,0.2,1);--ff-ease-accelerate:cubic-bezier(0.4,0,1,1);--ff-ease-overshoot:cubic-bezier(0.34,1.56,0.64,1);--ff-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--ff-shadow-md:0 4px 12px rgba(0,0,0,0.08);--ff-shadow-lg:0 12px 32px rgba(0,0,0,0.12);--ff-shadow-glow:0 0 24px var(--ff-accent);--ff-radius-sm:4px;--ff-radius-md:8px;--ff-radius-lg:16px;--ff-radius-xl:24px;--ff-radius-full:9999px;--ff-transition-card:border-color var(--ff-duration-fast) var(--ff-ease-out),box-shadow var(--ff-duration-fast) var(--ff-ease-out),transform var(--ff-duration-fast) var(--ff-ease-out);--ff-schedule-bar-bg:#E0E0E0;--ff-z-base:0;--ff-z-wave:10;--ff-z-demo:20;--ff-z-carousel:30;--ff-z-nav:40;--ff-z-overlay:50;--ff-z-modal:60;--ff-theme-accent:#29B6F6}@media (min-width:768px){:root{--ff-section-padding-x:48px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-snap-type:y mandatory}body{font-family:var(--ff-font-sans);font-size:16px;line-height:1.6;color:var(--ff-text-primary);background:var(--ff-bg);overflow-x:hidden;overscroll-behavior:none}@media (prefers-reduced-motion:reduce){html{scroll-snap-type:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.friction-overlay-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:var(--ff-z-overlay);pointer-events:none;display:none;will-change:transform,opacity;contain:strict}body.friction-active{overscroll-behavior:none;touch-action:none}.snap-section{scroll-snap-align:start;min-height:100dvh}.snap-section--cta{display:flex;flex-direction:column;min-height:100dvh}.snap-section--cta>section:first-child{flex:1;display:flex;flex-direction:column;justify-content:center}@keyframes hero-scroll-pulse{0%{transform:scaleY(0);opacity:0}20%{opacity:1}80%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@keyframes shimmer-sweep{0%{background-position:200% 0}to{background-position:-100% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 16px rgba(41,182,246,.2),0 4px 12px rgba(0,0,0,.08)}50%{box-shadow:0 0 20px rgba(41,182,246,.28),0 4px 12px rgba(0,0,0,.08)}}@supports (color:color-mix(in srgb,red 50%,blue)){@keyframes glow-pulse{0%,to{box-shadow:0 0 16px color-mix(in srgb,var(--ff-accent) 20%,transparent),0 4px 12px rgba(0,0,0,.08)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--ff-accent) 28%,transparent),0 4px 12px rgba(0,0,0,.08)}}}@keyframes sf-time-pulse{0%,to{opacity:1;box-shadow:0 0 6px rgba(255,255,255,.8)}50%{opacity:.75;box-shadow:0 0 10px rgba(255,255,255,.9)}}@keyframes hero-indicator-float{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.lookbook-page{min-height:100dvh;background:var(--ff-bg);padding:var(--ff-space-8) var(--ff-section-padding-x) var(--ff-space-12)}.lookbook-header{text-align:center;padding:var(--ff-space-10) 0 var(--ff-space-6)}.lookbook-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:var(--ff-weight-bold);color:var(--ff-text-primary);letter-spacing:-.02em}.lookbook-subtitle{margin-top:var(--ff-space-2);font-size:16px;color:var(--ff-text-secondary)}.lookbook-filters{display:flex;flex-direction:column;gap:var(--ff-space-4);max-width:800px;margin:0 auto var(--ff-space-8)}.lookbook-search-wrapper{position:relative}.lookbook-search{width:100%;padding:var(--ff-space-3) var(--ff-space-4);background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-full);color:var(--ff-text-primary);font-size:14px;font-family:var(--ff-font-sans);outline:none;transition:border-color var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-search:focus{border-color:var(--ff-accent)}.lookbook-search-clear{position:absolute;right:var(--ff-space-3);top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;color:var(--ff-text-tertiary);cursor:pointer;padding:var(--ff-space-1);line-height:1}.lookbook-pills{display:flex;gap:var(--ff-space-2);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--ff-space-1)}.lookbook-pills::-webkit-scrollbar{display:none}.lookbook-pill{flex-shrink:0;padding:var(--ff-space-2) var(--ff-space-4);border-radius:var(--ff-radius-full);border:1px solid var(--ff-border);background:var(--ff-surface);color:var(--ff-text-secondary);font-size:13px;font-weight:var(--ff-weight-medium);cursor:pointer;transition:background var(--ff-duration-fast) var(--ff-ease-out),border-color var(--ff-duration-fast) var(--ff-ease-out),color var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-pill--active{background:var(--ff-text-primary);color:var(--ff-text-inverse);border-color:var(--ff-text-primary)}.lookbook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--ff-space-4);max-width:1200px;margin:0 auto}.lookbook-card{display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-2);padding:var(--ff-space-4);border:1px solid var(--ff-border);background:var(--ff-surface);border-radius:var(--ff-radius-lg);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:var(--ff-transition-card)}.lookbook-card--active{border-color:var(--ff-accent);box-shadow:0 0 0 2px var(--ff-accent)}.lookbook-card:focus-visible{box-shadow:0 0 0 3px var(--ff-accent),0 0 0 6px rgba(41,182,246,.3)}.lookbook-card-canvas{width:80px;height:80px;border-radius:var(--ff-radius-full)}.lookbook-card-name{font-size:13px;font-weight:var(--ff-weight-medium);color:var(--ff-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lookbook-card-tier{font-size:10px;font-weight:var(--ff-weight-medium);text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:var(--ff-radius-full);padding:1px 8px}.lookbook-card-code{font-family:var(--ff-font-mono);font-size:10px;line-height:1.2;opacity:.6;white-space:nowrap;letter-spacing:.02em}.lookbook-card-code,.lookbook-empty{color:var(--ff-text-tertiary);text-align:center}.lookbook-empty{grid-column:1/-1;padding:var(--ff-space-12) 0;font-size:14px}.lookbook-modal-backdrop{position:fixed;inset:0;z-index:var(--ff-z-modal);background:var(--ff-overlay-dark);display:flex;align-items:center;justify-content:center;padding:var(--ff-space-6)}.lookbook-modal-content{position:relative;background:var(--ff-bg);border-radius:var(--ff-radius-xl);padding:var(--ff-space-8);max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-4);box-shadow:var(--ff-shadow-lg);animation:lookbook-modal-enter .25s var(--ff-ease-out)}.lookbook-modal-close{position:absolute;top:var(--ff-space-3);right:var(--ff-space-3);background:none;border:none;font-size:24px;color:var(--ff-text-tertiary);cursor:pointer;padding:var(--ff-space-2);line-height:1;border-radius:var(--ff-radius-full);transition:color var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-modal-close:hover{color:var(--ff-text-primary)}.lookbook-modal-canvas{width:200px;height:200px;border-radius:var(--ff-radius-full)}.lookbook-modal-name{font-size:24px;font-weight:var(--ff-weight-bold);color:var(--ff-text-primary)}.lookbook-modal-desc{font-size:14px;color:var(--ff-text-secondary);text-align:center}.lookbook-modal-tier{font-size:11px;font-weight:var(--ff-weight-medium);text-transform:uppercase;letter-spacing:.04em;border:1px solid;border-radius:var(--ff-radius-full);padding:2px 10px}.lookbook-modal-apply{margin-top:var(--ff-space-4);padding:var(--ff-space-3) var(--ff-space-8);background:var(--ff-text-primary);color:var(--ff-text-inverse);border:none;border-radius:var(--ff-radius-full);font-size:14px;font-weight:var(--ff-weight-semibold);cursor:pointer;transition:transform var(--ff-duration-fast) var(--ff-ease-out),box-shadow var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-modal-apply:hover{transform:translateY(-1px);box-shadow:var(--ff-shadow-md)}.lookbook-modal-apply:active{transform:translateY(0)}.lookbook-categories{display:flex;flex-direction:column;gap:var(--ff-space-10);max-width:1200px;margin:0 auto}.lookbook-tier-section{overflow:hidden}.lookbook-tier-header{display:flex;align-items:baseline;gap:var(--ff-space-3);margin-bottom:var(--ff-space-4);padding:0 var(--ff-space-2)}.lookbook-tier-title{font-size:18px;font-weight:var(--ff-weight-semibold);color:var(--ff-text-primary);text-transform:capitalize}.lookbook-tier-count{font-size:12px;font-weight:var(--ff-weight-medium);color:var(--ff-text-tertiary);background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-full);padding:1px 8px}.lookbook-tier-carousel{display:flex;flex-direction:column;gap:var(--ff-space-3)}.lookbook-marquee-row{display:flex;gap:var(--ff-space-3);width:-moz-max-content;width:max-content}.lookbook-marquee-static{display:flex;gap:var(--ff-space-3);flex-wrap:wrap;justify-content:center}.lookbook-marquee-item{flex-shrink:0}@keyframes lookbook-modal-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (min-width:768px){.lookbook-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lookbook-card-canvas{width:96px;height:96px}.lookbook-modal-canvas{width:280px;height:280px}}@media (hover:hover){.lookbook-card:hover{transform:scale(1.03);box-shadow:var(--ff-shadow-md)}.lookbook-pill:hover:not(.lookbook-pill--active){background:var(--ff-surface-hover);border-color:var(--ff-border-strong)}.carousel-card:hover{background:rgba(255,255,255,.1);border-color:var(--ff-border-strong);transform:scale(1.03)}.carousel-card:hover .carousel-card-canvas{box-shadow:0 0 0 2px var(--ff-border-strong);transform:scale(1.08)}.carousel-card:hover .carousel-card-label{color:var(--ff-text-primary)}.sf-feature-card:hover,.sf-preset-card:hover{border-color:var(--ff-border-strong);box-shadow:var(--ff-shadow-sm);transform:translateY(-1px)}.sf-showcase-card:hover{border-color:var(--ff-accent);box-shadow:var(--ff-shadow-md);transform:translateY(-4px)}.sf-showcase-card--featured:hover{box-shadow:var(--ff-shadow-lg)}}.footer-link{position:relative}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--ff-duration-fast) var(--ff-ease-out)}.footer-link:hover:after{transform:scaleX(1);transform-origin:left center}.carousel-fade-wrapper{position:relative}.carousel-fade-wrapper:after,.carousel-fade-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2}.carousel-fade-wrapper:before{left:0;background:linear-gradient(to right,var(--ff-bg),transparent)}.carousel-fade-wrapper:after{right:0;background:linear-gradient(to left,var(--ff-bg),transparent)}.ff-section+.ff-section:before{content:"";display:block;width:48px;height:1px;background:var(--ff-border);margin:0 auto var(--ff-section-gap)}.theme-toast{position:fixed;bottom:var(--ff-space-8);left:50%;transform:translateX(-50%);background:var(--ff-text-primary);color:var(--ff-text-inverse);font-size:14px;font-weight:var(--ff-weight-medium);padding:var(--ff-space-2) var(--ff-space-5);border-radius:var(--ff-radius-full);pointer-events:none;z-index:var(--ff-z-overlay);white-space:nowrap}@media (min-width:768px){.carousel-card-canvas{width:88px;height:88px}.carousel-card-label{font-size:12px;max-width:96px}.carousel-card,.sf-feature-card,.sf-preset-card{padding:var(--ff-space-4)}.cta-play-button{font-size:18px;padding:var(--ff-space-5) var(--ff-space-10)}.cta-play-icon{width:24px;height:24px}}.ff-navbar{position:fixed;top:0;left:0;right:0;z-index:var(--ff-z-nav);display:flex;align-items:center;gap:var(--ff-space-4);padding:var(--ff-space-3) var(--ff-space-6);background:transparent;transition:background var(--ff-duration-normal) var(--ff-ease-out);pointer-events:none}.ff-navbar--scrolled{background:rgba(255,255,255,.92);pointer-events:auto}.ff-navbar-logo{font-family:var(--ff-font-sans);font-size:18px;font-weight:var(--ff-weight-bold);color:var(--ff-text-primary);text-decoration:none;letter-spacing:-.02em;pointer-events:auto;border-radius:var(--ff-radius-sm);padding:var(--ff-space-1) var(--ff-space-2);transition:opacity var(--ff-duration-fast) var(--ff-ease-out)}.ff-navbar-logo:hover{opacity:.7}.ff-navbar-logo:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ff-accent)}.ff-navbar-back{font-size:13px;font-weight:var(--ff-weight-medium);color:var(--ff-text-secondary);text-decoration:none;pointer-events:auto;border-radius:var(--ff-radius-sm);padding:var(--ff-space-1) var(--ff-space-2);transition:color var(--ff-duration-fast) var(--ff-ease-out)}.ff-navbar-back:hover{color:var(--ff-text-primary)}.ff-navbar-back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ff-accent)}.ff-back-to-top{display:inline-flex;align-items:center;gap:var(--ff-space-2);padding:var(--ff-space-2) var(--ff-space-5);background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-full);color:var(--ff-text-secondary);font-size:13px;font-weight:var(--ff-weight-medium);font-family:var(--ff-font-sans);cursor:pointer;transition:color var(--ff-duration-fast) var(--ff-ease-out),border-color var(--ff-duration-fast) var(--ff-ease-out),transform var(--ff-duration-fast) var(--ff-ease-out)}.ff-back-to-top:hover{color:var(--ff-text-primary);border-color:var(--ff-border-strong);transform:translateY(-1px)}.ff-back-to-top:active{transform:translateY(0)}.ff-back-to-top:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ff-accent)}.ff-back-to-top-arrow{flex-shrink:0}.lookbook-tier-expand{margin-left:auto;padding:var(--ff-space-1) var(--ff-space-4);background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-full);color:var(--ff-text-secondary);font-size:12px;font-weight:var(--ff-weight-medium);font-family:var(--ff-font-sans);cursor:pointer;transition:color var(--ff-duration-fast) var(--ff-ease-out),border-color var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-tier-expand:hover{color:var(--ff-text-primary);border-color:var(--ff-border-strong)}.lookbook-tier-expand:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ff-accent)}@media (prefers-reduced-motion:reduce){.hero-scroll-line{animation:none;transform:scaleY(1);opacity:.5;box-shadow:none}.hero-bg-wash{animation:none!important}.hero-scroll-indicator{animation:none}.hero-cta-button{transition:none;animation:none}.hero-cta-button,.hero-cta-button:hover{box-shadow:0 0 16px rgba(41,182,246,.2),0 4px 12px rgba(0,0,0,.08)}.hero-cta-button:hover{transform:none}.cta-play-button{transition:none;animation:none}.cta-play-button,.cta-play-button:hover{box-shadow:0 0 16px rgba(41,182,246,.2),0 4px 12px rgba(0,0,0,.08)}.cta-play-button:hover{transform:none}.carousel-marquee-row,.lookbook-marquee-row{animation:none!important}.carousel-card,.carousel-card-canvas,.sf-feature-card,.sf-preset-card,.sf-showcase-card{transition:none}.sf-time-marker{animation:none}.footer-link:after{transition:none}}.lookbook-hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--ff-space-8) var(--ff-section-padding-x);position:relative;overflow:hidden}.lookbook-hero-bubble-container{width:200px;height:200px;margin-bottom:var(--ff-space-6)}@media (min-width:768px){.lookbook-hero-bubble-container{width:300px;height:300px}}.lookbook-hero-bubble-canvas{width:100%;height:100%;border-radius:var(--ff-radius-full)}.lookbook-hero-headline{font-size:clamp(2.5rem,10vw,5rem);font-weight:var(--ff-weight-bold);color:var(--ff-text-primary);letter-spacing:-.03em;line-height:1}.lookbook-hero-letter{display:inline-block}.lookbook-hero-subtitle{margin-top:var(--ff-space-4);font-size:18px;color:var(--ff-text-secondary)}.lookbook-hero-scroll-indicator{position:absolute;bottom:var(--ff-space-8);display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-3);animation:hero-indicator-float 3s ease-in-out infinite}.lookbook-hero-scroll-text{font-size:12px;font-weight:var(--ff-weight-medium);color:var(--ff-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.lookbook-hero-scroll-line{width:2px;height:48px;background:linear-gradient(to bottom,var(--ff-accent),transparent);border-radius:var(--ff-radius-full);animation:hero-scroll-pulse 2.4s ease-in-out infinite}.lookbook-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--ff-space-4);max-width:600px;margin:0 auto;padding:var(--ff-space-8) var(--ff-section-padding-x)}@media (min-width:768px){.lookbook-stats{grid-template-columns:repeat(4,1fr);max-width:800px}}.lookbook-stat{text-align:center}.lookbook-stat-value{font-size:clamp(2rem,6vw,3rem);font-weight:var(--ff-weight-bold);color:var(--ff-text-primary);letter-spacing:-.02em;line-height:1}.lookbook-stat-label{margin-top:var(--ff-space-1);font-size:13px;color:var(--ff-text-tertiary);text-transform:uppercase;letter-spacing:.04em}.lookbook-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ff-space-10) var(--ff-section-padding-x);margin:var(--ff-space-6) 0}@media (min-width:768px){.lookbook-divider{padding:var(--ff-space-12) var(--ff-section-padding-x)}}.lookbook-divider-gradient{width:200px;height:2px;border-radius:var(--ff-radius-full);background:linear-gradient(90deg,var(--divider-from),var(--divider-to))}.lookbook-divider-tagline{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:var(--ff-weight-semibold);color:var(--ff-text-secondary);text-align:center}.lookbook-divider-decoration{display:flex;align-items:center;gap:var(--ff-space-4);margin-top:var(--ff-space-2)}.lookbook-divider-dot{width:6px;height:6px;border-radius:50%;background:var(--ff-text-tertiary);opacity:.5}.lookbook-spotlight{display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-4)}.lookbook-spotlight-canvas{width:160px;height:160px;border-radius:var(--ff-radius-full);box-shadow:0 0 60px var(--spotlight-glow,rgba(168,85,247,.4))}.lookbook-spotlight-name{font-size:18px;font-weight:var(--ff-weight-semibold);color:var(--ff-text-primary)}.lookbook-spotlight-desc{font-size:14px;color:var(--ff-text-tertiary)}.lookbook-footer-cta{text-align:center;padding:var(--ff-space-12) var(--ff-section-padding-x) var(--ff-space-8)}.lookbook-footer-cta-headline{font-size:clamp(1.5rem,5vw,2rem);font-weight:var(--ff-weight-bold);color:var(--ff-text-primary);letter-spacing:-.02em}.lookbook-footer-cta-button{display:inline-flex;align-items:center;gap:var(--ff-space-3);margin-top:var(--ff-space-6);padding:var(--ff-space-4) var(--ff-space-8);background:var(--ff-text-primary);color:var(--ff-text-inverse);border-radius:var(--ff-radius-full);font-size:16px;font-weight:var(--ff-weight-semibold);text-decoration:none;transition:transform var(--ff-duration-fast) var(--ff-ease-out),box-shadow var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-footer-cta-button:hover{transform:translateY(-2px);box-shadow:var(--ff-shadow-md)}.lookbook-footer-cta-button:active{transform:scale(.98) translateY(0)}.lookbook-footer-cta-icon{width:20px;height:20px;flex-shrink:0}.lookbook-filters--sticky{position:sticky;top:0;z-index:var(--ff-z-nav);background:var(--ff-bg);padding-top:var(--ff-space-4);padding-bottom:var(--ff-space-4);margin-bottom:var(--ff-space-6);transition:box-shadow var(--ff-duration-fast) var(--ff-ease-out)}.lookbook-filters--scrolled{box-shadow:0 1px 0 var(--ff-border)}@media (hover:hover){.lookbook-card:hover{transform:scale(1.05) translateY(-4px);box-shadow:var(--ff-shadow-lg)}}.lookbook-tier-section{overflow:visible}.lookbook-tier-section--animated .lookbook-tier-carousel,.lookbook-tier-section--animated .lookbook-tier-header{opacity:0;transform:translateY(24px)}.lookbook-skeleton{background:linear-gradient(90deg,var(--ff-surface) 25%,var(--ff-surface-hover) 50%,var(--ff-surface) 75%);background-size:200% 100%;animation:lookbook-skeleton-pulse 1.5s ease-in-out infinite}.lookbook-skeleton-bubble{width:80px;height:80px;border-radius:var(--ff-radius-full)}.lookbook-skeleton-text{height:14px;width:60px;border-radius:var(--ff-radius-sm);margin-top:var(--ff-space-2)}@keyframes lookbook-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.lookbook-album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ff-space-2);max-width:200px}.lookbook-album-thumb{width:100%;aspect-ratio:1;border-radius:var(--ff-radius-sm);overflow:hidden}.lookbook-album-thumb canvas{width:100%;height:100%}.lookbook-divider-pulse{animation:lookbook-pulse-glow 2s ease-in-out infinite}@keyframes lookbook-pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.lookbook-page{padding-bottom:0}.lookbook-section-gap{height:80px}@media (min-width:768px){.lookbook-section-gap{height:120px}}.sf-section{min-height:100dvh;justify-content:center}.sf-content,.sf-section{display:flex;align-items:center}.sf-content{flex-direction:column;max-width:800px}.ft-section{min-height:100dvh;justify-content:center}.ft-content,.ft-section{display:flex;align-items:center}.ft-content{flex-direction:column;max-width:800px}.ft-tools-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ff-space-3);margin-top:var(--ff-space-8);width:100%}@media (min-width:768px){.ft-tools-row{gap:var(--ff-space-4);flex-wrap:nowrap}}.ft-tool-button{display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-2);padding:var(--ff-space-3) var(--ff-space-4);background:var(--ff-surface);border:2px solid var(--ff-border);border-radius:var(--ff-radius-lg);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:border-color var(--ff-duration-fast) var(--ff-ease-out),box-shadow var(--ff-duration-fast) var(--ff-ease-out),background var(--ff-duration-fast) var(--ff-ease-out);min-width:80px}.ft-tool-button-icon,.ft-tool-button-label{color:var(--ff-text-secondary);transition:color var(--ff-duration-fast) var(--ff-ease-out)}.ft-tool-button-label{font-size:11px;font-weight:var(--ff-weight-medium);white-space:nowrap}.ft-tool-button--active{border-color:var(--ft-accent);background:var(--ff-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--ft-accent) 20%,transparent)}.ft-tool-button--active .ft-tool-button-icon{color:var(--ft-accent)}.ft-tool-button--active .ft-tool-button-label{color:var(--ff-text-primary);font-weight:var(--ff-weight-semibold)}.ft-tool-button:focus-visible{box-shadow:0 0 0 3px var(--ft-accent),0 0 0 6px color-mix(in srgb,var(--ft-accent) 30%,transparent)}@media (hover:hover){.ft-tool-button:hover:not(.ft-tool-button--active){border-color:var(--ff-border-strong);background:var(--ff-surface-hover)}.ft-tool-button:hover:not(.ft-tool-button--active) .ft-tool-button-icon{color:var(--ft-accent)}}.ft-showcase{margin-top:var(--ff-space-8);width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--ff-space-6);padding:var(--ff-space-6);background:var(--ff-surface);border:1px solid var(--ff-border);border-radius:var(--ff-radius-xl)}@media (min-width:768px){.ft-showcase{max-width:480px;padding:var(--ff-space-8)}}.ft-showcase-demo{width:160px;height:160px;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.ft-showcase-demo{width:200px;height:200px}}.ft-showcase-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.ft-showcase-name{font-size:20px;font-weight:var(--ff-weight-bold);color:var(--ff-text-primary);letter-spacing:-.01em}@media (min-width:768px){.ft-showcase-name{font-size:24px}}.ft-showcase-tagline{margin-top:var(--ff-space-1);font-size:14px;color:var(--ft-accent);font-weight:var(--ff-weight-medium)}@media (min-width:768px){.ft-showcase-tagline{font-size:16px}}.ft-showcase-features{margin-top:var(--ff-space-4);list-style:none;display:flex;flex-direction:column;gap:var(--ff-space-2)}.ft-showcase-feature{display:flex;align-items:center;gap:var(--ff-space-2);font-size:13px;color:var(--ff-text-secondary)}@media (min-width:768px){.ft-showcase-feature{font-size:14px}}.ft-showcase-feature-bullet{width:6px;height:6px;border-radius:50%;background:var(--ft-accent);flex-shrink:0}.ft-free-badge{margin-top:var(--ff-space-5);padding:var(--ff-space-1) var(--ff-space-4);background:var(--ff-success);color:white;font-size:12px;font-weight:var(--ff-weight-bold);letter-spacing:.04em;border-radius:var(--ff-radius-full)}.ft-demo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.ft-demo-analytics{display:flex;align-items:flex-end;gap:12px;height:100%;padding-bottom:20px}.ft-demo-bar{width:24px;height:var(--bar-height,60%);border-radius:4px;transform-origin:bottom}@media (min-width:768px){.ft-demo-bar{width:32px}}.ft-demo-blocking{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ft-demo-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ft-demo-app-icon{width:32px;height:32px;border-radius:8px}@media (min-width:768px){.ft-demo-app-icon{width:40px;height:40px;border-radius:10px}}.ft-demo-blocked-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:white;border:3px solid;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (min-width:768px){.ft-demo-blocked-overlay{width:80px;height:80px;border-width:4px}}.ft-demo-blocked-overlay svg{width:36px;height:36px}@media (min-width:768px){.ft-demo-blocked-overlay svg{width:48px;height:48px}}.ft-demo-feature-blocking{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ff-space-2)}.ft-demo-platform-icon{width:64px;height:64px;position:relative;z-index:1;will-change:transform,filter,opacity}@media (min-width:768px){.ft-demo-platform-icon{width:80px;height:80px}}.ft-demo-platform-icon svg{width:100%;height:100%}.ft-demo-feature-label{font-size:13px;font-weight:var(--ff-weight-bold);letter-spacing:.02em;text-transform:uppercase;position:relative;z-index:1;will-change:transform,opacity}@media (min-width:768px){.ft-demo-feature-label{font-size:15px}}.ft-demo-prohibition{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;pointer-events:none;z-index:10}@media (min-width:768px){.ft-demo-prohibition{width:140px;height:140px}}.ft-demo-prohibition-circle,.ft-demo-prohibition-slash{will-change:stroke-dashoffset,opacity}.ft-demo-nfc{position:relative;width:100%;height:100%;gap:16px}.ft-demo-nfc,.ft-demo-tag{display:flex;align-items:center;justify-content:center}.ft-demo-tag{width:50px;height:50px;border:2px solid;border-radius:8px;background:white}@media (min-width:768px){.ft-demo-tag{width:60px;height:60px;border-width:3px;border-radius:10px}}.ft-demo-tag svg{width:28px;height:28px}@media (min-width:768px){.ft-demo-tag svg{width:36px;height:36px}}.ft-demo-phone{width:40px;height:70px}@media (min-width:768px){.ft-demo-phone{width:50px;height:85px}}.ft-demo-phone svg{width:100%;height:100%}.ft-demo-ripple{position:absolute;left:calc(50% - 30px);top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:2px solid;border-radius:50%;pointer-events:none}.ft-demo-focus{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ft-demo-progress-svg{width:120px;height:120px}@media (min-width:768px){.ft-demo-progress-svg{width:150px;height:150px}}.ft-demo-timer-text{position:absolute;font-size:24px;font-weight:var(--ff-weight-bold);color:var(--ft-accent);font-variant-numeric:tabular-nums}@media (min-width:768px){.ft-demo-timer-text{font-size:32px}}@media (max-width:767px){.ff-section{padding-top:48px;padding-bottom:48px}.ft-tool-button{padding:8px 10px;min-width:64px}.ft-tool-button-label{font-size:10px}.ft-tool-button-icon svg{width:22px;height:22px}.ft-tools-row{margin-top:16px;gap:6px}.ft-showcase{margin-top:16px;padding:16px;gap:12px}.ft-showcase-demo{width:120px;height:120px}.ft-showcase-name{font-size:17px}.ft-showcase-tagline{font-size:13px}.ft-showcase-features{margin-top:10px}.ft-showcase-feature{font-size:12px}.ft-free-badge{margin-top:12px}.sf-presets-row{margin-top:16px;gap:6px}.sf-preset-button{padding:8px 10px;min-width:72px}.sf-preset-button-emoji{font-size:22px}.sf-preset-button-label{font-size:10px}.sf-showcase-panel{margin-top:16px;padding:16px;gap:12px}.sf-demo-clock{width:140px;height:140px}.sf-demo-time{font-size:15px}.sf-intensity-badge{font-size:10px;padding:2px 8px}.sf-demo-progress{max-width:160px}.sf-showcase-name{font-size:17px}.sf-showcase-tagline{font-size:13px}.sf-showcase-schedule-bar{height:10px}.sf-legend{gap:10px}.sf-legend-dot{width:6px;height:6px}.sf-legend-label{font-size:11px}.sf-showcase-grid{margin-top:16px;gap:8px}.sf-showcase-card{padding:12px;gap:var(--ff-space-2)}.sf-showcase-card--featured{padding:14px}.sf-showcase-card-emoji{font-size:22px}.sf-showcase-card-emoji--featured{font-size:26px}.sf-showcase-card-name{font-size:15px}.sf-showcase-card--featured .sf-showcase-card-name{font-size:17px}.sf-schedule-bar{height:8px}.sf-schedule-bar--featured{height:10px}.sf-showcase-card-desc{font-size:13px}.sf-time-label{font-size:8px}.sf-current-intensity-text{font-size:12px}}@media (prefers-reduced-motion:reduce){.ft-showcase,.ft-tool-button{transition:none}.ft-demo-app-icon,.ft-demo-bar,.ft-demo-blocked-overlay,.ft-demo-feature-label,.ft-demo-phone,.ft-demo-platform-icon,.ft-demo-progress-ring,.ft-demo-prohibition,.ft-demo-prohibition-circle,.ft-demo-prohibition-slash,.ft-demo-ripple,.ft-demo-tag,.ft-demo-timer-text{animation:none!important;transition:none!important}.sf-preset-button,.sf-preset-button-emoji,.sf-showcase-panel{transition:none}.sf-demo-clock-hand{animation:none!important;transition:none!important}.sf-demo-arc-segment{transition:none}.sf-legend-item,.sf-showcase-segment{opacity:1;transition:none}.sf-demo-progress-fill,.sf-showcase-time-marker{transition:none}}.hover\:border-\[var\(--ff-accent\)\]:hover{border-color:var(--ff-accent)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255/.1)}.hover\:text-ff-text-primary:hover{color:var(--ff-text-primary)}.hover\:underline:hover{text-decoration-line:underline}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:fixed:focus{position:fixed}.focus\:left-2:focus{left:.5rem}.focus\:top-2:focus{top:.5rem}.focus\:z-50:focus{z-index:50}.focus\:rounded-md:focus{border-radius:.375rem}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}.focus\:text-sm:focus{font-size:.875rem;line-height:1.25rem}.focus\:font-medium:focus{font-weight:500}.focus\:text-black:focus{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.focus\:shadow-lg:focus{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[var\(--ff-accent\)\]:focus-visible{--tw-ring-color:var(--ff-accent)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-3{grid-column:span 3/span 3}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:text-\[1\.375rem\]{font-size:1.375rem}.md\:text-ff-h1{font-size:36px;line-height:40px;font-weight:700}}