@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700&display=swap";:root{--page-ink:#08111d;--page-deep:#0d1826;--page-night:#111f31;--page-bg:#202430;--panel:#0a131fd6;--panel-strong:#09101bf0;--panel-soft:#ffffff0b;--card:#242938;--line:#b6d7ff1f;--line-strong:#b6d7ff2e;--text-main:#eef4ff;--text-muted:#94a8c6;--text-soft:#70839f;--accent:#7ce0c3;--accent-strong:#f3bf74;--accent-cool:#9cc7ff;--danger:#ff9f9f;color:var(--text-main);background:var(--page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,Segoe UI,Avenir Next,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, var(--page-ink) 0%, var(--page-deep) 54%, var(--page-bg) 100%);min-width:320px;margin:0}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-main);letter-spacing:0;font-weight:700}h1{max-width:880px;font-size:clamp(2.5rem,6.2vw,5.55rem);line-height:.96}h2{font-size:clamp(1.35rem,2.4vw,2.25rem);line-height:1.14}h3{font-size:1.04rem}p{color:var(--text-muted)}code{border:1px solid var(--line);background:var(--panel-soft);color:var(--accent);border-radius:5px;padding:.1rem .35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}#app{min-height:100svh}.section-shell{width:min(1080px,100% - 32px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:1rem;width:min(1080px,100% - 32px);min-height:72px;margin:0 auto;display:flex}.brand,.header-actions,.site-nav,.hero-actions,.site-footer,.site-footer div{align-items:center;display:flex}.brand{min-width:0;color:var(--text-main);gap:.6rem;font-weight:700;text-decoration:none}.brand-logo{border-radius:6px;flex:none;width:28px;height:28px}.header-actions{justify-content:flex-end;gap:1.25rem;margin-left:auto}.site-nav{gap:1.25rem}.site-nav a,.header-link,.site-footer a{color:var(--text-muted);font-size:.94rem;font-weight:500;text-decoration:none}.site-nav a:hover,.site-footer a:hover{color:var(--text-main)}.site-nav .donate-link,.site-footer .donate-link{color:var(--accent-strong)}.site-nav .donate-link:hover,.site-footer .donate-link:hover{color:#ffd397}.header-link{background:var(--accent);min-height:38px;color:var(--page-ink);border-radius:8px;justify-content:center;align-items:center;padding:.55rem .8rem;font-weight:700;display:inline-flex}.header-link:hover{color:var(--page-ink)}.brand:focus-visible,.site-nav a:focus-visible,.header-link:focus-visible,.button:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--accent-cool);outline-offset:4px}.hero{text-align:center;justify-items:center;gap:1.25rem;padding:clamp(4.5rem,10vw,8rem) 0 clamp(2.5rem,6vw,4.5rem);display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.hero-copy{max-width:710px;font-size:clamp(1.05rem,2vw,1.2rem)}.inspiration-note{max-width:620px;color:var(--text-soft);font-size:.94rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.35rem}.button{border:1px solid var(--line-strong);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.72rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);color:var(--page-ink);border-color:#0000}.button.secondary{color:var(--text-main);background:0 0}.button.secondary:hover{border-color:var(--line-strong);background:var(--panel-soft)}.screenshot{padding-bottom:clamp(3rem,6vw,5rem)}.screenshot-frame{border:1px solid var(--line-strong);background:linear-gradient(180deg, #ffffff09, #ffffff04), var(--panel);border-radius:12px;display:grid;overflow:hidden}.frame-top{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:.45rem;height:42px;padding:0 1rem;display:flex}.frame-top span{background:var(--text-soft);border-radius:99px;width:8px;height:8px}.screenshot-frame img{width:100%;height:auto;display:block}.grid-edit{grid-template-columns:minmax(0,.85fr) minmax(300px,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.grid-edit .section-heading p:not(.eyebrow){max-width:520px}.compact-frame{border-color:var(--line)}.compact-frame .frame-top{height:36px}.features{border-top:1px solid var(--line);gap:2.4rem;padding:clamp(4rem,8vw,7rem) 0;display:grid}.features-heading h2{font-size:clamp(2rem,4vw,3.4rem)}.feature-group{border:1px solid var(--line);background:#ffffff05;border-radius:12px;gap:1.3rem;padding:1.4rem;display:grid}.section-heading{gap:.5rem;max-width:560px;display:grid}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.feature{align-content:start;gap:.65rem;display:grid}.feature-icon{background:#7ce0c312;border:1px solid #7ce0c338;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:.15rem;display:inline-grid}.feature-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.feature-icon.folder,.feature-icon.local{color:var(--accent)}.feature-icon.search,.feature-icon.private{color:var(--accent-cool)}.feature-icon.backup,.feature-icon.arrange{color:var(--accent-strong)}.feature h3{color:var(--accent-cool)}.feature p{max-width:310px;font-size:.98rem}.faq{border-top:1px solid var(--line);gap:1.3rem;padding:clamp(3.5rem,7vw,6rem) 0;display:grid}.faq h2{font-size:clamp(2rem,4vw,3.4rem)}.faq-list{gap:.75rem;display:grid}.faq-item{border:1px solid var(--line);background:#ffffff06;border-radius:10px}.faq-item[open]{border-color:var(--line-strong);background:#ffffff09}.faq-item summary{color:var(--text-main);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:1.25rem;font-weight:500;line-height:1}.faq-item[open] summary:after{content:"-"}.faq-item p{padding:0 1rem 1rem;font-size:.96rem}.faq-item a{color:var(--accent);font-weight:700;text-decoration:none}.faq-item a:hover{text-decoration:underline}.donate-hero{gap:.6rem;padding:clamp(1.5rem,4vw,2.6rem) 0 clamp(1.25rem,3vw,2rem);display:grid}.donate-hero h1{max-width:620px;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.05}.donate-hero .hero-copy{max-width:660px;font-size:clamp(1rem,1.6vw,1.12rem)}.donation-section{border-top:1px solid var(--line);gap:1.4rem;padding:clamp(2.25rem,5vw,4rem) 0;display:grid}.donation-section h2{font-size:clamp(1.75rem,3vw,2.6rem)}.donation-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.donation-method{border:1px solid var(--line);background:#ffffff06;border-radius:12px;align-content:start;gap:1rem;padding:1rem;display:grid}.gateway-logo-wrap{align-items:center;min-height:56px;display:flex}.gateway-logo-wrap img{max-width:180px;max-height:44px;display:block}.paypal-logo-wrap img{max-width:132px}.donation-method h3{color:var(--text-main);font-size:clamp(1.25rem,2vw,1.6rem)}.donation-method p:not(.eyebrow){color:var(--text-muted)}.donation-method .button{justify-self:start;margin-top:.25rem}.donation-amount-panel{gap:1rem;padding-top:1.25rem;display:grid}.donation-amount-panel[hidden]{display:none}.donation-amount-panel h3{color:var(--text-main);font-size:clamp(1.25rem,2vw,1.6rem)}.donation-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.donation-card{border:1px solid var(--line);background:#ffffff06;border-radius:12px;align-content:space-between;gap:1rem;min-height:250px;padding:1rem;text-decoration:none;display:grid}.donation-card:hover{border-color:var(--line-strong)}.donation-card>div{gap:.2rem;display:grid}.donation-amount{color:var(--text-main);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1}.donation-usd{color:var(--accent-strong);font-size:.92rem;font-weight:700}.donation-card p{min-height:3.1rem;color:var(--text-muted)}.donation-card .button{width:100%}.custom-donation-card{color:inherit}.final-cta{border-top:1px solid var(--line);text-align:center;justify-items:center;gap:1.25rem;padding:clamp(4rem,8vw,7rem) 0;display:grid}.final-cta h2{max-width:720px}.site-footer{border-top:1px solid var(--line);color:var(--text-soft);justify-content:space-between;gap:1rem;padding:1.5rem 0 2rem;font-size:.92rem}.site-footer>span{color:var(--text-muted);font-weight:700}.site-footer div{flex-wrap:wrap;justify-content:flex-end;gap:1rem}@media (width<=760px){.section-shell,.site-header{width:min(100% - 24px,1080px)}.site-header{min-height:64px}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.site-nav a:not(.donate-link){display:none}.header-actions{gap:.75rem}.site-nav{gap:0}.site-nav .donate-link{font-size:.86rem}.header-link{min-height:36px;padding:.48rem .65rem;font-size:.86rem}.hero{text-align:left;justify-items:start;padding-top:3.5rem}.hero-actions{justify-content:flex-start;width:100%}.button{width:100%}.donate-hero{padding-top:2rem}.donate-hero h1{font-size:clamp(1.9rem,9vw,2.7rem)}.donation-methods{grid-template-columns:1fr}.donation-method .button{justify-self:stretch}.donation-grid{grid-template-columns:1fr}.donation-card{min-height:0}.grid-edit,.feature-list,.faq-list{grid-template-columns:1fr}.feature{min-height:0}.feature p{max-width:none}.site-footer{display:grid}.site-footer div{justify-content:flex-start}}
