.f01-page{background:var(--background);min-height:100vh;padding-top:100px;position:relative}.f01-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00000004 1px,#0000 1px),linear-gradient(90deg,#00000004 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0}@media (prefers-color-scheme:dark){.f01-page:before{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px)}}.f01-container{z-index:1;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem);position:relative}.f01-hero{padding:clamp(5rem,12vh,9rem) 0 clamp(6rem,14vh,11rem);position:relative}.f01-hero-content{max-width:900px;margin:0 auto}.f01-hero-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--f01-accent-orange);opacity:.9;border:1px solid var(--border-subtle);border-radius:4px;margin-bottom:2rem;padding:.5rem 1rem;font-size:.6875rem;font-weight:600;display:inline-block}.f01-hero-title{letter-spacing:-.04em;color:var(--foreground);margin-bottom:2rem;font-size:clamp(2.75rem,7vw,4.5rem);font-weight:600;line-height:1.1}.f01-hero-description{color:var(--foreground);opacity:.7;margin-bottom:4rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.7}.f01-hero-stats{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:3rem;display:grid}.f01-stat{text-align:left}.f01-stat-number{font-family:var(--font-mono);letter-spacing:-.02em;color:var(--f01-accent-orange);margin-bottom:.5rem;font-size:2.5rem;font-weight:600;line-height:1}.f01-stat-label{color:var(--foreground);opacity:.5;font-size:.875rem;font-weight:500}@media (max-width:768px){.f01-hero-stats{grid-template-columns:1fr;gap:1.5rem}}.f01-section-header{max-width:800px;margin:0 auto 4rem}.f01-section-title{letter-spacing:-.03em;color:var(--foreground);margin-bottom:1.25rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.1}.f01-section-intro{color:var(--foreground);opacity:.7;font-size:1.0625rem;line-height:1.7}.f01-philosophy{padding:clamp(6rem,12vh,9rem) 0;position:relative}.f01-principles-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1px;display:grid}.f01-principle-card{background:var(--background);padding:2.5rem 2rem;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative}.f01-principle-card:after{content:"";opacity:0;background:linear-gradient(135deg,#ffac2208,#0000);transition:opacity .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.f01-principle-card:hover{background:#ffac2205}.f01-principle-card:hover:after{opacity:1}.f01-principle-metric{font-family:var(--font-mono);letter-spacing:.05em;color:var(--foreground);opacity:.4;text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem;font-weight:500}.f01-principle-title{letter-spacing:-.01em;color:var(--f01-accent-blue);z-index:1;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;position:relative}.f01-principle-description{color:var(--foreground);opacity:.65;z-index:1;margin:0;font-size:.9375rem;line-height:1.6;position:relative}@media (prefers-color-scheme:dark){.f01-principle-card:hover{background:#ffffff05}.f01-principle-card:after{background:linear-gradient(135deg,#ffffff05,#0000)}}.f01-products{padding:clamp(6rem,12vh,9rem) 0;position:relative}.f01-products-carousel{justify-content:center;align-items:center;min-height:80vh;display:flex;position:relative}.f01-products-stage{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex}.f01-sleeve-wrapper{aspect-ratio:1;width:min(400px,70vw);transform-style:preserve-3d;will-change:transform}.f01-record-sleeve{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffffb3 0%,#ffffff80 50%,#fff9 100%);border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1.5rem,5vw,2.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000008,0 10px 32px #0000000d,0 32px 80px #00000014,inset 0 0 0 1px #fff6}.f01-record-sleeve:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff4d 0%,#0000 60%);border-radius:16px;position:absolute;inset:0}.f01-record-disc{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f,0 8px 24px #00000014,0 16px 48px #0000001a,inset 0 0 0 1px #0000000d,inset 0 2px 4px #0000000a}.f01-record-texture{pointer-events:none;background:radial-gradient(circle at 30% 25%,#ffffff2e 0%,#0000 40%),radial-gradient(circle at 70% 75%,#0000000f 0%,#0000 45%),repeating-radial-gradient(circle,#0000 0 2px,#00000004 2px 3px);position:absolute;inset:0}.f01-record-inner-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0}.f01-record-inner-ring:before,.f01-record-inner-ring:after{content:"";border:1px solid #00000009;border-radius:50%;position:absolute}.f01-record-inner-ring:before{inset:12%}.f01-record-inner-ring:after{inset:24%}.f01-record-label{z-index:2;background:var(--background);border:2px solid var(--border-subtle);border-radius:50%;justify-content:center;align-items:center;width:clamp(100px,30%,140px);height:clamp(100px,30%,140px);display:flex;position:relative;box-shadow:0 4px 12px #0000001a,0 8px 24px #00000014,inset 0 0 0 1px #00000008,inset 0 1px 2px #0000000a}.f01-record-label:before{content:"";border:1px solid var(--border-subtle);opacity:.4;border-radius:50%;position:absolute;inset:12px}.f01-record-label-text{font-family:var(--font-mono);letter-spacing:.03em;color:var(--foreground);text-align:center;opacity:.75;padding:0 .5rem;font-size:clamp(.75rem,2.2vw,.9375rem);font-weight:600;line-height:1.3}.f01-sleeve-info{text-align:center;max-width:700px;padding:0 2rem}.f01-carousel-arrow{background:var(--background);border:1px solid var(--border-subtle);cursor:pointer;width:48px;height:48px;color:var(--foreground);opacity:.6;z-index:20;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.f01-carousel-arrow:hover{opacity:1;border-color:#0000001f;transform:translateY(-50%)scale(1.05)}.f01-carousel-arrow:active{transform:translateY(-50%)scale(.95)}.f01-carousel-arrow-left{left:2rem}.f01-carousel-arrow-right{right:2rem}.f01-carousel-dots{justify-content:center;align-items:center;gap:.75rem;display:flex}.f01-carousel-dot{background:var(--foreground);opacity:.2;cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s cubic-bezier(.22,1,.36,1)}.f01-carousel-dot:hover{opacity:.5;transform:scale(1.3)}.f01-carousel-dot.active{background:var(--f01-accent-orange);opacity:1;border-radius:4px;width:28px;transform:scale(1)}@media (prefers-color-scheme:dark){.f01-carousel-arrow{background:#ffffff0d}.f01-carousel-arrow:hover{background:#ffffff14;border-color:#ffffff26}}.f01-sleeve-info-header{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.f01-sleeve-name{letter-spacing:-.02em;color:var(--f01-accent-orange);font-size:1.75rem;font-weight:600;line-height:1.2}.f01-sleeve-stage{font-family:var(--font-mono);letter-spacing:.03em;color:var(--foreground);opacity:.5;border:1px solid var(--border-subtle);white-space:nowrap;border-radius:3px;padding:.35rem .75rem;font-size:.6875rem;font-weight:500}.f01-sleeve-description{color:var(--foreground);opacity:.7;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.f01-sleeve-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.f01-sleeve-meta-item{align-items:center;gap:.75rem;display:flex}.f01-sleeve-meta-label{font-family:var(--font-mono);letter-spacing:.03em;color:var(--foreground);opacity:.4;text-transform:uppercase;font-size:.75rem;font-weight:500}.f01-sleeve-meta-value{color:var(--foreground);opacity:.65;font-size:.875rem}@media (prefers-color-scheme:dark){.f01-record-sleeve{background:linear-gradient(135deg,#20201eb3 0%,#18181680 50%,#1c1c1a99 100%);box-shadow:0 2px 4px #0003,0 10px 32px #0000004d,0 32px 80px #0006,inset 0 0 0 1px #ffffff14}.f01-record-sleeve:before{background:radial-gradient(circle at 20% 20%,#ffffff14 0%,#0000 60%)}.f01-record-disc{box-shadow:0 2px 8px #0000004d,0 8px 24px #0006,0 16px 48px #00000080,inset 0 0 0 1px #ffffff14,inset 0 2px 4px #0000004d}.f01-record-texture{background:radial-gradient(circle at 30% 25%,#ffffff1f 0%,#0000 40%),radial-gradient(circle at 70% 75%,#0003 0%,#0000 45%),repeating-radial-gradient(circle,#0000 0 2px,#00000008 2px 3px)}.f01-record-inner-ring:before,.f01-record-inner-ring:after{border-color:#ffffff0f}.f01-record-label{box-shadow:0 4px 12px #0006,0 8px 24px #0000004d,inset 0 0 0 1px #ffffff0f,inset 0 1px 2px #0000004d}.f01-record-label:before{opacity:.3;border-color:#ffffff26}}@media (max-width:900px){.f01-carousel-arrow{width:40px;height:40px}.f01-carousel-arrow-left{left:1rem}.f01-carousel-arrow-right{right:1rem}}@media (max-width:768px){.f01-products-carousel{min-height:70vh}.f01-sleeve-wrapper{width:min(320px,82vw)}.f01-record-sleeve{padding:clamp(1.25rem,4vw,1.75rem)}.f01-record-label{width:clamp(85px,28%,110px);height:clamp(85px,28%,110px)}.f01-record-label:before{inset:10px}.f01-sleeve-info{padding:0 1.5rem}.f01-sleeve-name{font-size:1.5rem}.f01-sleeve-meta{flex-direction:column;gap:.75rem}.f01-carousel-arrow{width:36px;height:36px}.f01-carousel-arrow svg{width:20px;height:20px}}@media (max-width:480px){.f01-carousel-arrow-left{left:.5rem}.f01-carousel-arrow-right{right:.5rem}}.f01-team{padding:clamp(6rem,12vh,9rem) 0;position:relative}.f01-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:3rem 2rem;max-width:900px;margin:0 auto;display:grid}.f01-team-member{text-align:center;flex-direction:column;align-items:center;display:flex}.f01-team-avatar-placeholder{border:1px solid var(--border-subtle);background:linear-gradient(135deg,#00000005,#00000003);border-radius:50%;width:80px;height:80px;margin-bottom:1rem}.f01-team-name{letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:.9375rem;font-weight:500}@media (prefers-color-scheme:dark){.f01-team-avatar-placeholder{background:linear-gradient(135deg,#ffffff08,#ffffff03)}}@media (max-width:768px){.f01-team-grid{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:2.5rem 1.5rem}.f01-team-avatar-placeholder{width:64px;height:64px}.f01-team-name{font-size:.875rem}}.f01-vision{padding:clamp(6rem,12vh,9rem) 0 clamp(8rem,14vh,12rem);position:relative}.f01-vision-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:4rem 0 6rem;display:flex}.f01-vision-step-compact{text-align:center;flex:0 220px}.f01-vision-number-compact{font-family:var(--font-mono);letter-spacing:.08em;color:var(--foreground);opacity:.3;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.f01-vision-title-compact{letter-spacing:-.01em;color:var(--foreground);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.f01-vision-text-compact{color:var(--foreground);opacity:.6;margin:0;font-size:.875rem;line-height:1.5}.f01-vision-arrow{color:var(--foreground);opacity:.2;flex-shrink:0;font-size:1.5rem}.f01-vision-future-simple{text-align:center;max-width:700px;margin:0 auto 4rem}.f01-vision-future-header{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.f01-vision-future-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--foreground);opacity:.4;font-size:.75rem;font-weight:500}.f01-vision-future-arrow{color:var(--foreground);opacity:.2;font-size:1.25rem}.f01-vision-future-text{color:var(--foreground);opacity:.7;margin:0;font-size:.9375rem;line-height:1.7}.f01-vision-closing{text-align:center;max-width:600px;margin:0 auto;padding:2rem 0}.f01-vision-closing-text{color:var(--foreground);opacity:.6;margin:0;font-size:1rem;font-style:italic;line-height:1.8}@media (prefers-color-scheme:dark){.f01-vision-arrow,.f01-vision-future-arrow{opacity:.3}}@media (max-width:768px){.f01-page{padding-top:80px}.f01-hero{padding:4rem 0 5rem}.f01-philosophy,.f01-products,.f01-vision{padding:5rem 0}.f01-principles-grid{grid-template-columns:1fr}.f01-vision-flow{flex-direction:column;gap:2rem}.f01-vision-arrow{transform:rotate(90deg)}.f01-vision-step-compact{flex:auto;max-width:300px}}@media (max-width:480px){.f01-hero-label{padding:.4rem .75rem}}