.landing{max-width:1280px;margin:auto;padding:95px 34px 80px}.landing-hero{max-width:850px}.landing-kicker{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;display:flex;align-items:center;gap:9px}.landing-hero h1{font-size:clamp(56px,8vw,110px);max-width:950px;margin:20px 0 25px}.landing-hero>p{font-size:19px;color:var(--muted);max-width:610px;line-height:1.55}.landing-search{max-width:610px;height:58px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 15px;margin-top:32px}.landing-search span{font-size:26px;color:var(--accent)}.landing-search input{flex:1;background:none;border:0;outline:0;color:var(--ink);font:inherit}.landing-search input::placeholder{color:var(--muted)}kbd{border:1px solid var(--line);border-radius:5px;color:var(--muted);padding:2px 7px;font-size:11px}.quick-links{display:flex;gap:25px;margin-top:22px;font-size:13px;font-weight:700}.quick-links a:first-child{color:var(--accent)}.quick-links span{margin-left:12px}.feature-story{margin-top:92px;display:grid;grid-template-columns:1fr 1fr;min-height:370px;background:#303641;border-radius:20px;overflow:hidden;color:#f2f3f5}.feature-story>div:first-child{padding:48px;display:flex;flex-direction:column;align-items:flex-start}.feature-story h2{font-size:clamp(32px,4vw,54px);margin:17px 0}.feature-story p{color:#bfc5d1;max-width:490px}.feature-image{background:url('assets/iphone-18-pro.jpg') center/cover;min-height:300px}.feature-link{margin-top:auto;color:#ff9b7e;font-weight:700}.feature-link span{margin-left:18px}.category-bar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:65px 0 28px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}#categoryFilters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid var(--line);border-radius:30px;padding:9px 14px;color:var(--muted);font-size:12px}.filter:hover,.filter.active{background:var(--accent);border-color:var(--accent);color:white}.story-library{padding-top:38px}.library-head{display:flex;justify-content:space-between;align-items:end}.library-head h2{font-size:42px;margin-top:14px}.result-count{font-size:12px;color:var(--accent)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.library-card{min-height:270px;padding:23px;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s}.library-card:hover{transform:translateY(-5px);border-color:var(--accent);background:var(--surface)}.library-card-main{grid-column:span 2;min-height:270px;background:var(--surface)}.library-card-top,.library-card-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.library-card h3{font-size:25px;margin:25px 0 12px}.library-card p{color:var(--muted);font-size:14px;line-height:1.5}.library-card-bottom{margin-top:auto;color:var(--accent)}.empty-state{color:var(--muted);padding:40px 0}.about-strip{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:90px;padding-top:35px}.about-strip h2{font-size:24px;margin:0 0 6px}.about-strip p{margin:0;color:var(--muted);font-size:13px}.about-strip a{margin-left:auto;color:var(--accent);font-weight:700;font-size:13px;white-space:nowrap}footer{max-width:1280px}.dark .feature-story{background:#303641}@media(max-width:800px){.landing{padding:58px 20px 55px}.landing-hero h1{font-size:clamp(48px,13vw,76px)}.feature-story{grid-template-columns:1fr;margin-top:60px}.feature-image{min-height:240px;grid-row:1}.feature-story>div:first-child{padding:28px}.category-bar{display:block}.category-bar>span{display:block;margin-bottom:15px}#categoryFilters{justify-content:flex-start}.story-grid{grid-template-columns:1fr}.library-card-main{grid-column:auto}.library-head h2{font-size:34px}.about-strip{align-items:flex-start;flex-wrap:wrap}.about-strip a{margin-left:0;width:100%}}
