.code-editor-container{flex-grow:1;min-height:0}
.summary-folder{cursor:pointer;background-color:#0000003c;border:1px solid #ffffff3b;border-radius:8px;padding:5px 5px 5px 8px;font-family:Consolas,monospace;transition:background-color .2s}.summary-folder:hover{background-color:#ffffff0d}.summary-folder .summary-header{align-items:stretch;display:flex}.summary-folder .summary-header :has(.dropdown-container){justify-content:space-between}.summary-folder .summary-header .icon-wrapper{cursor:default;align-items:center;transition:color .2s,opacity .2s;display:flex}.summary-folder .summary-header .icon-wrapper.clickable{cursor:pointer}.summary-folder .summary-header .icon-wrapper.clickable:hover{opacity:.8}.summary-folder .summary-header .icon-wrapper .icon-stack{justify-content:center;align-items:center;width:24px;height:24px;margin-right:4px;display:flex;position:relative}.summary-folder .summary-header .icon-wrapper .icon-stack .folder-icon{opacity:.7;position:absolute;top:0;left:0}.summary-folder .summary-header .icon-wrapper .icon-stack .type-icon{font-size:14px;position:absolute;bottom:-3px;right:0}.summary-folder .summary-header .icon-wrapper .icon-stack .type-icon svg{font-size:14px}.summary-folder .summary-header p{text-align:left;color:#e0e0e0;cursor:pointer;flex:1;margin:0 0 2px;font-size:14px;transition:opacity .2s}.summary-folder .summary-header p:hover{opacity:.8}.summary-folder .summary-header .dropdown-container{border-radius:8px;flex-direction:column;justify-content:center;display:flex}.summary-folder .summary-header .dropdown-container:hover{background-color:#ffffff0d}.summary-folder .summary-header .expand-arrow{opacity:.6;cursor:pointer;flex-shrink:0;align-items:center;padding:0 4px;transition:opacity .15s;display:flex}.summary-folder .summary-header .expand-arrow:hover{opacity:1}.summary-folder .code-link{margin-top:3px;margin-right:8px}.summary-folder-container{flex-direction:column;gap:10px;padding:4px 4px 4px 0;display:flex}.collapsible-section{transition:height .3s cubic-bezier(.4,0,.2,1),opacity .9s;overflow:hidden}
.fourier-logo{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fourier-logo canvas{display:block}
.hero{background:linear-gradient(to top,#353535,var(--bg));padding:180px 0 120px;position:relative}.hero:before{content:"";background:radial-gradient(ellipse at center,var(--accent-glow)0%,transparent 70%);pointer-events:none;opacity:.5;width:min(900px,100% - 32px);height:600px;position:absolute;top:0;left:20%;transform:translate(-50%)}.hero-header{align-items:center;gap:48px;display:flex}.hero-header-text{flex:55%;min-width:0}.hero-header-visual{flex:45%;min-width:0;max-width:500px;height:400px}.hero h1{letter-spacing:-.04em;max-width:820px;margin:0 0 24px;font-size:clamp(42px,6vw,72px);font-weight:400;line-height:1.05}.hero p{color:var(--text-secondary);max-width:560px;margin:0 0 48px;font-size:clamp(16px,2vw,20px);line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:16px;display:flex}.hero-unicorn-scene{border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;height:400px;margin:48px 0 0;overflow:hidden}.hero-visual{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);max-width:100%;margin:80px 0 0;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.hero-visual-bar{background:var(--bg-elevated);border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:14px 20px;display:flex;position:relative}.hero-visual-filename{color:var(--text-tertiary);white-space:nowrap;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.hero-visual-dot{background:var(--text-tertiary);opacity:.4;border-radius:50%;width:12px;height:12px}.hero-visual-content{gap:0;height:800px;min-height:800px;padding:0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.5;display:flex}.code-editor{color:#e0e0e0;border-right:1px solid #ffffff1a;flex:50%;min-width:0;min-height:0;padding-top:30px;padding-left:8px;display:flex;overflow:hidden}.code-editor .code-editor-container{flex:1;min-height:0}.code-line{gap:12px;margin:4px 0;display:flex}.code-line-num{color:#5a7a96;-webkit-user-select:none;user-select:none;text-align:right;flex-shrink:0;min-width:30px}.code-keyword{color:#569cd6}.code-fn-name{color:#dcdcaa}.code-string{color:#ce9178}.code-comment{color:#6a9955;font-style:italic}.semantic-sidebar{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:50%;gap:0;min-width:0;padding:16px;display:flex;overflow-y:auto}.semantic-sidebar::-webkit-scrollbar{width:6px}.semantic-sidebar::-webkit-scrollbar-track{background:0 0}.semantic-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.semantic-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:12px;padding:0 4px;font-size:11px;font-weight:600}.semantic-item{cursor:pointer;color:var(--text-primary);border-radius:6px;align-items:center;gap:8px;margin:2px 0;padding:8px;font-size:13px;transition:background-color .2s;display:flex}.semantic-item:hover{background-color:#ffffff14}.semantic-item.active{color:#e0e0e0;background-color:#ffffff1f}.semantic-icon{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex}.icon-fn{color:#ccc;background:#ffffff14}.icon-im,.icon-ex{color:#34d399;background:#34d39926}.icon-cl{color:#ffb86f;background:#ffb86f26}.icon-ty{color:#ffe0ad;background:#ffe0ad26}.mobile-view-switcher,.mobile-view-slider{display:none}@media (max-width:900px){.hero{padding:150px 0 96px}.hero-header{text-align:center;flex-direction:column}.hero-header-text{flex:none;width:100%}.hero-header-visual{max-width:350px;height:280px;margin:0 auto}.hero-actions{justify-content:center}.hero h1,.hero p{max-width:100%}.hero-visual-content{flex-direction:column;height:auto;min-height:auto}.code-editor{border-bottom:1px solid #ffffff1a;border-right:none;min-height:360px}.semantic-sidebar{flex:none;max-height:420px}.hero-visual-filename{display:none}.mobile-view-switcher{border-radius:50px;align-items:center;gap:0;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.mobile-view-slider{width:var(--pill-width,60px);transform:translateX(var(--pill-x,0px));background:var(--accent);pointer-events:none;border-radius:50px;display:block;position:absolute;top:3px;bottom:3px;left:3px}.mobile-view-switcher:not([data-ready]) .mobile-view-slider{transition:none}.mobile-view-switcher[data-ready] .mobile-view-slider{transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}.mobile-view-tab{z-index:1;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;justify-content:center;align-items:center;padding:5px 16px;font-family:inherit;font-size:12px;transition:color .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mobile-view-tab.active{color:var(--text-inverse)}.hero-visual-content.mobile-view-code .semantic-sidebar,.hero-visual-content.mobile-view-summary .code-editor{display:none}.hero-visual-content.mobile-view-code .code-editor{border-bottom:none;min-height:420px}}@media (max-width:600px){.hero{padding:140px 0 80px}.hero:before{height:420px;left:50%}.hero h1,.hero p{text-align:center}.hero-header-visual{display:none}.hero-actions{flex-direction:column;align-items:center}.hero-visual{margin-top:56px}.hero-visual-bar{padding:12px 16px}.hero-visual-content{font-size:12px}.code-editor{min-height:300px;padding-top:16px}.semantic-sidebar{max-height:360px;padding:12px}}
.bento{border-top:1px solid var(--border);padding:140px 0}.bento-grid{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"left-top left-top right-top""left-middle hero right-middle""left-bottom right-bottom right-bottom";align-items:stretch;gap:16px;max-width:1400px;margin:64px auto 0;display:grid}.bento-card{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);height:100%;min-height:0;padding:32px 28px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.bento-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.bento-card svg{display:block}.bento-card:after{content:"";opacity:0;width:100%;height:2px;transition:opacity .3s;position:absolute;top:0;left:0}.bento-card:hover:after{opacity:1}.bento-icon{width:48px;height:48px;color:var(--text-secondary);background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.bento-card h3{letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:700}.bento-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.bento-card-hero{text-align:center;flex-direction:column;grid-area:hero;justify-content:center;min-height:0;padding:40px 32px;display:flex}.bento-card-hero .bento-metric{letter-spacing:-.05em;color:var(--accent);margin-bottom:12px;font-size:88px;font-weight:800;line-height:1}.bento-card-hero h3{margin-bottom:12px;font-size:22px;font-weight:600}.bento-card-hero p{max-width:320px;margin:0 auto;font-size:15px}.bento-card-left-top{grid-area:left-top}.bento-card-right-top{grid-area:right-top}.bento-card-left-middle{grid-area:left-middle}.bento-card-right-middle{grid-area:right-middle}.bento-card-left-bottom{grid-area:left-bottom}.bento-card-right-bottom{grid-area:right-bottom}.bento-card-wide h3{font-size:18px}.bento-card-wide p{font-size:14px}@media (min-width:1200px){.bento-grid{aspect-ratio:4/3;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"left-top left-top hero hero""left-middle right-top hero hero""left-bottom right-middle right-bottom right-bottom"}.bento-card-hero .bento-metric{font-size:200px}}@media (max-width:900px){.bento-grid{aspect-ratio:auto;grid-template:none/repeat(2,1fr);width:100%;margin:64px 0 0}.bento-card{grid-column:span 1;height:auto;min-height:auto}.bento-card-hero,.bento-card-wide,.bento-card-left,.bento-card-right{grid-area:auto}.bento-card-hero .bento-metric{font-size:80px}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}.bento-card,.bento-card-hero,.bento-card-wide,.bento-card-left,.bento-card-right{grid-column:span 1}.bento-card{padding:28px 24px}.bento-card-hero{padding:48px 24px}.bento-card-hero .bento-metric{font-size:64px}}
.how-it-works{border-top:1px solid var(--border);padding:140px 0}.how-it-works .section-title,.how-it-works .section-label{text-align:center}.how-it-works .section-desc{text-align:center;margin-left:auto;margin-right:auto}.steps{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px;display:grid;position:relative}.steps:before{content:"";opacity:.3;background:#fff3;height:2px;position:absolute;top:24px;left:calc(16.67% + 16px);right:calc(16.67% + 16px)}.step{text-align:center;position:relative}.step-number{background:var(--accent);width:48px;height:48px;color:var(--text-inverse);z-index:1;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:18px;font-weight:800;display:flex;position:relative}.step h3{margin-bottom:12px;font-size:18px;font-weight:700}.step p{color:var(--text-secondary);max-width:280px;margin:0 auto;font-size:14px;line-height:1.7}@media (max-width:900px){.steps{grid-template-columns:1fr}.steps:before{display:none}}