diff --git a/public/index.html b/public/index.html
index ff775cc..306c3c3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -94,96 +94,6 @@
padding: 0 20px;
}
- .header {
- background: linear-gradient(90deg, var(--si-hero-start) 0%, var(--si-hero-end) 100%);
- padding: 38px 0 42px;
- text-align: left;
- border-bottom: 2px solid var(--si-header-accent);
- position: relative;
- overflow: hidden;
- }
-
- .header-content {
- position: relative;
- z-index: 1;
- display: grid;
- grid-template-columns: 1fr 1fr;
- gap: 30px;
- align-items: center;
- }
-
- .logo-container {
- margin-bottom: 20px;
- background: var(--white);
- padding: 15px;
- border-radius: 8px;
- display: inline-block;
- }
-
- .logo-container a {
- text-decoration: none;
- display: block;
- }
-
- .si-logo {
- height: 40px;
- width: auto;
- display: block;
- }
-
- .logo-section h1 {
- font-size: 3rem;
- font-weight: 800;
- margin-bottom: 12px;
- color: var(--white);
- line-height: 1.1;
- }
-
- .tagline {
- font-size: 1.45rem;
- color: var(--si-header-accent);
- font-weight: 700;
- margin-bottom: 24px;
- line-height: 1.2;
- }
-
- .header-description {
- font-size: 1.14rem;
- color: var(--light-gray);
- line-height: 1.65;
- }
-
- .header-description p {
- margin: 0;
- margin-bottom: 15px;
- }
-
- .header-description a {
- color: var(--orange-accent);
- text-decoration: underline;
- font-size: 1rem;
- font-weight: 700;
- transition: color 0.2s ease;
- }
-
- .header-description a:hover {
- color: var(--orange-light);
- text-decoration: none;
- }
-
- .main-section {
- padding: 40px 0;
- background: var(--lighter-blue);
- }
-
- .form-card {
- background: var(--surface-slate);
- border-radius: 12px;
- padding: 30px;
- margin-bottom: 30px;
- border: 1px solid var(--surface-slate-border);
- }
-
.form-group {
margin-bottom: 25px;
}
@@ -916,144 +826,7 @@
line-height: 1.5;
}
- .features {
- padding: 40px 0 60px;
- background: var(--lighter-blue);
- }
-
- .features .container {
- display: grid !important;
- grid-template-columns: repeat(3, 1fr) !important;
- gap: 30px !important;
- }
-
- .feature {
- background: rgba(255, 255, 255, 0.06);
- padding: 24px;
- border-radius: 12px;
- text-align: center;
- border: 1px solid rgba(255, 255, 255, 0.1);
- transition: transform 0.3s ease;
- width: 100% !important;
- }
-
@media (max-width: 768px) {
- .features .container {
- grid-template-columns: 1fr !important;
- }
- }
-
- .feature:hover {
- transform: translateY(-2px);
- }
-
- .feature-icon {
- font-size: 3rem;
- margin-bottom: 16px;
- color: var(--orange-accent);
- }
-
- .feature h3 {
- font-size: 1.3rem;
- margin-bottom: 12px;
- color: var(--white);
- font-weight: 800;
- }
-
- .feature p {
- color: var(--light-gray);
- line-height: 1.6;
- font-size: 1rem;
- }
-
- .faq-section {
- background: var(--dark-blue);
- padding: 80px 0;
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
-
- .faq-section h2 {
- text-align: center;
- font-size: 2.5rem;
- font-weight: 800;
- color: var(--white);
- margin-bottom: 50px;
- }
-
- .faq-grid {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- gap: 40px;
- }
-
- .faq-item {
- background: rgba(255, 255, 255, 0.05);
- padding: 30px;
- border-radius: 12px;
- border: 1px solid rgba(255, 255, 255, 0.1);
- transition: all 0.3s ease;
- }
-
- .faq-item:hover {
- transform: translateY(-3px);
- box-shadow: 0 8px 25px rgba(0,0,0,0.15);
- }
-
- .faq-item h3 {
- color: var(--orange-light);
- font-size: 1.3rem;
- font-weight: 800;
- margin-bottom: 15px;
- }
-
- .faq-item p {
- color: var(--light-gray);
- line-height: 1.6;
- font-size: 1rem;
- }
-
- .footer {
- background: var(--dark-blue);
- text-align: center;
- padding: 40px 20px;
- border-top: 1px solid rgba(255, 255, 255, 0.1);
- }
-
- .footer p {
- color: var(--dark-gray);
- font-size: 1rem;
- }
-
- .footer a {
- color: var(--orange-accent);
- text-decoration: none;
- font-weight: 700;
- }
-
- .footer a:hover {
- color: var(--orange-light);
- text-decoration: underline;
- }
-
- @media (max-width: 768px) {
- .header-content {
- grid-template-columns: 1fr;
- gap: 30px;
- text-align: center;
- }
-
- .logo-section h1 {
- font-size: 2.5rem;
- }
-
- .tagline {
- font-size: 1.15rem;
- }
-
- .header-description {
- font-size: 1.05rem;
- }
-
.url-input-group {
flex-direction: column;
}
@@ -1083,14 +856,6 @@
.chunk-title.level-2 {
font-size: 1.6rem;
}
-
- .faq-grid {
- grid-template-columns: 1fr;
- }
-
- .faq-section h2 {
- font-size: 2rem;
- }
}
/* ============================================================