.landing-page{background:var(--white);margin:0;padding:0}.landing-header{width:100%;border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:var(--white);z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 48px;height:72px;gap:24px}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.logo-icon svg{display:block}.logo-text{font-size:20px;font-weight:700;color:var(--gray-900);line-height:1.2;white-space:nowrap}.header-nav{display:flex;align-items:center;gap:8px;overflow:hidden}.nav-link{font-size:13px;font-weight:500;color:var(--gray-700);text-decoration:none;padding:8px 14px;border-radius:8px;background-color:var(--white);border:1px solid var(--gray-200);transition:all .2s;white-space:nowrap;flex-shrink:0}.nav-link:hover{border-color:var(--blue-500);background:#3b82f60d;color:var(--blue-600);transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}.nav-separator{color:var(--gray-300);font-size:15px;user-select:none}.hero-section{width:100%;background:linear-gradient(270deg,var(--gray-50) 0%,var(--white) 100%);padding:80px 48px;display:flex;flex-direction:column;align-items:center;gap:32px}.hero-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:640px;text-align:center}.hero-title{font-size:48px;font-weight:800;color:var(--gray-900);line-height:1.2;margin:0}.hero-subtitle{font-size:18px;font-weight:400;color:var(--gray-500);line-height:1.6;margin:0}.why-section{width:100%;background:var(--white);padding:64px 48px;display:flex;flex-direction:column;align-items:center}.why-grid{display:flex;gap:24px;max-width:1104px;width:100%}.why-card{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.why-card-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--gray-900);line-height:1.4;margin:0}.why-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.why-icon-blue{background-color:#eef2ff}.why-icon-green{background-color:#dcfce7}.why-icon-amber{background-color:#fef3c7}.why-icon-red{background-color:#fee2e2}.why-card-description{font-size:14px;font-weight:400;color:var(--gray-600);line-height:1.5;margin:0}.tools-section{width:100%;background:var(--white);padding:60px 48px 80px;display:flex;flex-direction:column;align-items:center;gap:40px}.tools-section+.tools-section{padding-top:24px}.tools-section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);text-align:center;margin:0;display:flex;align-items:center;gap:16px}.tools-section-title:before,.tools-section-title:after{content:"";height:2px;width:48px;background:linear-gradient(90deg,transparent,var(--gray-300));border-radius:1px}.tools-section-title:after{background:linear-gradient(90deg,var(--gray-300),transparent)}@media(max-width:480px){.tools-section-title:before,.tools-section-title:after{width:24px}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1104px;width:100%}.tools-row{display:flex;gap:24px;max-width:1104px;width:100%}.tool-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:12px;border:1px solid var(--gray-200);flex:1;min-width:0;transition:all .2s;text-decoration:none}.tool-card-available{background:var(--white);box-shadow:0 1px 3px #0000000a;cursor:pointer}.tool-card-available:hover{transform:translateY(-2px);border-color:var(--blue-500);box-shadow:0 4px 16px #3b82f61f}.tool-card-disabled{background:var(--gray-50);cursor:not-allowed}.card-content{display:flex;flex-direction:column;gap:16px}.icon-container{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-disabled{opacity:.6}.text-content{display:flex;flex-direction:column;gap:8px}.card-title{font-size:18px;font-weight:700;color:var(--gray-900);line-height:1.3;margin:0;display:flex;align-items:center}.card-title-disabled{color:var(--gray-500)}.card-description{font-size:14px;font-weight:400;color:var(--gray-500);line-height:1.5;margin:0}.card-description-disabled{color:var(--gray-400)}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;width:fit-content;font-size:12px;font-weight:600;line-height:1.2}.status-available{background-color:#dcfce7;color:#059669}.status-coming-soon{background-color:var(--gray-100);color:var(--gray-500)}.landing-footer{width:100%;background:var(--gray-50);padding:48px;display:flex;flex-direction:column;gap:24px}.footer-content{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:32px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo-icon svg{display:block}.footer-logo-text{font-size:16px;font-weight:700;color:var(--gray-900);line-height:1.2}.footer-tagline{font-size:14px;font-weight:400;color:var(--gray-500);line-height:1.2;margin:0}.footer-links{display:flex;align-items:center;gap:24px}.footer-link{font-size:14px;font-weight:500;color:var(--gray-500);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--gray-900)}.footer-divider{max-width:1200px;margin:0 auto;width:100%;height:1px;background:var(--gray-300)}.footer-copyright{max-width:1200px;margin:0 auto;width:100%;font-size:13px;font-weight:400;color:var(--gray-400);text-align:center;line-height:1.2}@media(max-width:1200px){.tools-grid,.tools-row{max-width:100%}.header-nav .nav-link[data-priority="3"]{display:none}}@media(max-width:968px){.header-content{padding:0 24px}.header-nav .nav-link[data-priority="2"],.header-nav .nav-link[data-priority="3"]{display:none}.hero-section{padding:60px 24px}.hero-title{font-size:36px}.tools-section{padding:40px 24px 60px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tools-row{flex-direction:column}.tool-card{width:100%}.landing-footer{padding:32px 24px}.footer-content{flex-direction:column;align-items:flex-start}.landing-page .app-container{padding:16px}}@media(max-width:768px){.header-nav .nav-link[data-priority="2"],.header-nav .nav-link[data-priority="3"]{display:none}.header-nav{gap:6px}.nav-link{padding:6px 12px;font-size:12px}.tools-grid{grid-template-columns:1fr}}@media(max-width:640px){.header-content{height:64px;padding:0 16px}.header-logo .logo-text{font-size:16px}.header-logo .logo-icon img{width:32px;height:32px}.header-nav .nav-link:not([data-priority="1"]){display:none}.nav-link{padding:6px 10px;font-size:11px}.hero-section{padding:40px 16px}.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.benefits-grid{gap:24px}.why-section{padding:40px 16px}.why-grid{flex-direction:column;gap:20px}.why-card{flex-direction:column}.why-icon{width:28px;height:28px}.tools-section{padding:32px 16px 48px}.tool-card{padding:16px}.card-title{font-size:15px}.card-description{font-size:13px}.footer-links{flex-direction:column;align-items:flex-start;gap:16px}.landing-page .app-container{padding:12px}.landing-page .controls-panel{padding:16px}.landing-page .logo-section{flex-direction:column;align-items:flex-start;gap:12px}.landing-page .logo-text{font-size:20px}.landing-page .description-title{font-size:16px}.landing-page .description-text{font-size:13px}.landing-page .tool-card{padding:12px}.landing-page .card-title{font-size:14px}.landing-page .card-description{font-size:12px}.landing-page .status-badge{font-size:11px;padding:4px 8px}}