:root{--primary:#1a73e8;--primary-dark:#1557b0;--primary-gradient:linear-gradient(135deg,#6366F1,#22D3EE);--surface:#ffffff;--surface-secondary:#f8f9fa;--surface-accent:#f1f3f4;--text:#202124;--text-secondary:#5f6368;--border:rgba(0,0,0,0.1);--writing-surface:#fcfcfc;--fs-sm:1rem;--fs-base:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.75rem;--fs-4xl:3.5rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-8:3rem;--sp-10:4rem;--radius:8px;--radius-sm:4px;--radius-lg:12px;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--transition:0.2s ease;--line-height-relaxed:1.7;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.05em;--font-main:'Noto Sans','Helvetica Neue',Helvetica,Arial,sans-serif;--line-height-tight:1.2;--line-height-normal:1.6}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}body{font-family:var(--font-main);color:var(--text);line-height:var(--line-height-relaxed);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);line-height:var(--line-height-tight);margin-bottom:var(--sp-4);font-weight:600;opacity:0;transform:translateY(20px);animation:fadeUp 0.8s ease forwards}h1{font-size:var(--fs-4xl);letter-spacing:var(--letter-spacing-tight);font-weight:700;line-height:1.1}h2{font-size:var(--fs-2xl);letter-spacing:var(--letter-spacing-tight);font-weight:600;line-height:1.2}h3{font-size:var(--fs-xl);letter-spacing:var(--letter-spacing-normal);font-weight:600;line-height:1.3}.container{max-width:1200px;margin:0 auto;padding:0 var(--sp-4)}section{position:relative;overflow:hidden;contain:content;will-change:transform;padding:var(--sp-8) 0;margin:0;background:var(--surface);text-align:center}section .lead{text-align:center;margin:0 auto;max-width:600px}section:nth-child(even){background:var(--surface-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-base);font-weight:600;border-radius:var(--radius);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition);letter-spacing:var(--letter-spacing-wide);width:auto;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-primary{background:var(--primary-gradient);color:white;border:none;box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card,.testimonial-card,.user-category{padding:var(--sp-4);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition);text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center}.material-icons{font-variation-settings:'FILL' 0,'wght' 100,'GRAD' 0,'opsz' 48;font-size:48px;color:var(--primary);transition:transform var(--transition)}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.site-header{position:sticky;top:0;left:0;right:0;z-index:100;height:56px;background:rgba(255,255,255,0.98);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);opacity:0;transform:translateY(-10px);animation:headerSlide 0.5s ease forwards;transition:transform 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease;will-change:transform;contain:layout style}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);max-width:1200px;margin:0 auto;padding:0 var(--sp-4);width:100%}.navbar-brand{font-size:var(--fs-lg);font-weight:500;color:var(--text);text-decoration:none;transition:color var(--transition);font-family:var(--font-main)}.navbar-brand:hover{color:var(--primary)}.hero{padding-top:var(--sp-4);padding-bottom:var(--sp-4);min-height:calc(100vh - 56px);display:grid;place-items:center;background:linear-gradient(135deg,var(--surface),var(--surface-secondary));margin-bottom:var(--sp-6)}.hero-text{max-width:600px;margin-inline:auto;text-align:left;padding:var(--sp-4)}.lead{font-size:var(--fs-xl);color:var(--text-secondary);margin-bottom:var(--sp-5);opacity:0;transform:translateY(20px);animation:fadeUp 0.8s ease forwards 0.2s;max-width:540px;line-height:var(--line-height-relaxed);letter-spacing:var(--letter-spacing-wide)}.cta-group{display:flex;justify-content:flex-start;gap:var(--sp-3);margin-top:var(--sp-4);opacity:0;transform:translateY(20px);animation:fadeUp 0.8s ease forwards 0.4s}.features{padding:var(--sp-8) 0;background:var(--surface-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--sp-4);margin-top:var(--sp-6)}.feature-card,.benefit-card,.testimonial-card,.step-card{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%;border:1px solid var(--border);margin-bottom:0}.feature-card:hover,.benefit-card:hover,.testimonial-card:hover,.step-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.feature-icon{margin-bottom:1.5rem;height:48px;display:flex;align-items:center;justify-content:center}.feature-card h3,.feature-card h4{font-size:var(--fs-xl);margin-bottom:var(--sp-3);color:var(--text);letter-spacing:var(--letter-spacing-normal);font-weight:600}.feature-card p{color:var(--text-secondary);margin:0;font-size:var(--fs-base);line-height:var(--line-height-normal)}@keyframes headerSlide{to{opacity:1;transform:translateY(0)}}.logo-section{padding:var(--sp-10) 0;background-color:var(--surface-light);overflow:hidden}.logo-container{margin:0 auto;max-width:1200px;position:relative;padding:20px 0}.logo-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px;position:relative;width:100%;text-align:center;margin-bottom:60px}.logo-item{display:flex;align-items:center;justify-content:center;height:120px;transition:transform 0.3s ease,box-shadow 0.2s ease;width:200px}.logo-item img{max-height:75px;width:auto;object-fit:contain;padding:15px;background-color:white;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,0.08)}.logo-item:hover{transform:translateY(-3px)}.logo-item:hover img{box-shadow:0 5px 15px rgba(0,0,0,0.12)}.site-footer{background:var(--surface-secondary);padding:var(--sp-6) 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}.footer-links{display:flex;gap:var(--sp-4)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--primary)}@media(max-width:768px){h1{font-size:var(--fs-2xl);line-height:1.2;font-weight:700}h2{font-size:var(--fs-xl);line-height:1.3;font-weight:600;margin-bottom:var(--sp-4)}h3{font-size:var(--fs-lg);line-height:1.4;font-weight:600;margin-bottom:var(--sp-3)}.lead{font-size:var(--fs-lg);line-height:1.5;font-weight:500;margin-bottom:var(--sp-5)}.hero-text{padding:var(--sp-4) var(--sp-3)}.cta-group{flex-direction:column;align-items:stretch}.btn{width:100%}.container{padding:0 var(--sp-2)}section{padding:var(--sp-4) 0}.logo-container{padding:0 8px}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;justify-content:center;width:100%;padding:0;margin:0 auto}.logo-row{display:none}.logo-item{height:75px!important;width:auto!important;margin:2px!important;display:flex!important;align-items:center!important;justify-content:center!important}.logo-item img{max-height:60px!important;max-width:90%!important;width:auto!important;object-fit:contain!important;padding:8px!important;border-radius:50%!important;background-color:white!important;box-shadow:0 2px 8px rgba(0,0,0,0.08)!important}}@media(max-width:480px){.logo-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.logo-item{height:65px!important;margin:1px!important}.logo-item img{max-height:50px!important;padding:6px!important}}