*{margin:0;padding:0;box-sizing:border-box}:root{--primary-dark: #0a0e17;--secondary-dark: #151922;--tertiary-dark: #1e2532;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--accent-blue-dark: #2563eb;--navy: #2d5a8c;--sky-blue: #5eb3db;--slate: #6b8191;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--gradient-1: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-2: linear-gradient(135deg, rgba(59, 130, 246, .1) 0%, rgba(37, 99, 235, .05) 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;background-color:var(--primary-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0e17e6;backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.1)}nav{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:1rem;text-decoration:none;cursor:pointer}.logo-mark{width:45px;height:45px;transition:transform .6s ease}.logo-container:hover .logo-mark{transform:rotate(120deg)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.logo-accent{color:var(--accent-blue)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--accent-blue-light)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-1);transition:width .3s ease}.nav-links a:hover:after{width:100%}.cta-button{padding:.75rem 1.75rem;background:var(--gradient-1);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 14px #3b82f64d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.hero{padding:180px 2rem 120px;max-width:1400px;margin:0 auto;position:relative}.hero-background{position:absolute;top:0;left:0;right:0;height:100%;opacity:.4;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{max-width:650px}.hero-tag{display:inline-block;padding:.5rem 1.25rem;background:var(--gradient-2);border:1px solid rgba(59,130,246,.3);border-radius:50px;color:var(--accent-blue-light);font-size:.9rem;font-weight:600;margin-bottom:2rem;letter-spacing:.02em}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:1.5rem;letter-spacing:-.03em;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.8}.hero-buttons{display:flex;gap:1.5rem;align-items:center}.primary-button{padding:1.1rem 2.5rem;background:var(--gradient-1);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:1.05rem;transition:all .3s ease;box-shadow:0 8px 24px #3b82f659;border:none;cursor:pointer;display:inline-block}.primary-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3b82f673}.secondary-button{padding:1.1rem 2.5rem;background:transparent;color:var(--text-primary);text-decoration:none;border-radius:10px;font-weight:600;font-size:1.05rem;border:2px solid var(--tertiary-dark);transition:all .3s ease;display:inline-block}.secondary-button:hover{border-color:var(--accent-blue);background:#3b82f60d}.hero-logo-showcase{position:relative;display:flex;align-items:center;justify-content:center}.hero-logo-main{width:400px;height:400px;position:relative;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 40px rgba(59,130,246,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-logo-glow{position:absolute;width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);filter:blur(50px);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.services{padding:100px 2rem;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{color:var(--accent-blue-light);font-size:.95rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.section-description{font-size:1.2rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-top:3rem}.service-card{background:var(--secondary-dark);border:1px solid rgba(59,130,246,.1);border-radius:16px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1);transform:scaleX(0);transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-8px);border-color:#3b82f64d;box-shadow:0 20px 60px #3b82f626}.service-card.featured{background:linear-gradient(135deg,#3b82f614,#2563eb0a);border:2px solid rgba(59,130,246,.3)}.service-card.featured:before{height:6px;transform:scaleX(1)}.service-icon{width:70px;height:70px;background:var(--gradient-2);border:1px solid rgba(59,130,246,.3);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;margin-bottom:1.5rem}.service-card.featured .service-icon{background:var(--gradient-1);border:none}.service-badge{display:inline-block;padding:.4rem 1rem;background:var(--gradient-1);color:#fff;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.service-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.01em}.service-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.75;margin-bottom:1.5rem}.service-features{list-style:none;margin-top:1.5rem}.service-features li{padding:.6rem 0;color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:.75rem}.service-features li:before{content:"✓";color:var(--accent-blue-light);font-weight:700;font-size:1.1rem}.logo-meaning{padding:100px 2rem;background:var(--secondary-dark);position:relative}.logo-meaning-content{max-width:1200px;margin:0 auto;text-align:center}.logo-meaning h2{font-size:2.75rem;font-weight:800;margin-bottom:2rem;letter-spacing:-.02em}.logo-meaning-desc{font-size:1.2rem;color:var(--text-secondary);max-width:800px;margin:0 auto 4rem;line-height:1.8}.logo-center{display:flex;justify-content:center;margin:3rem 0}.logo-large{width:200px;height:200px;filter:drop-shadow(0 10px 30px rgba(59,130,246,.3))}.logo-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}.logo-part{background:var(--tertiary-dark);padding:2.5rem;border-radius:16px;border:1px solid rgba(59,130,246,.1);transition:all .3s ease}.logo-part:hover{border-color:#3b82f64d;transform:translateY(-5px)}.logo-part-color{width:60px;height:60px;border-radius:50%;margin:0 auto 1.5rem;box-shadow:0 4px 15px #0000004d}.logo-part.navy-part .logo-part-color{background:linear-gradient(135deg,#2d5a8c,#1e3a5f)}.logo-part.sky-part .logo-part-color{background:linear-gradient(135deg,#5eb3db,#3b9dc9)}.logo-part.slate-part .logo-part-color{background:linear-gradient(135deg,#6b8191,#566a78)}.logo-part h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.logo-part p{color:var(--text-secondary);line-height:1.7}.logo-part.navy-part h3{color:#5eb3db}.logo-part.sky-part h3{color:#60a5fa}.logo-part.slate-part h3{color:#94a3b8}.why-choose{padding:100px 2rem;position:relative}.why-choose-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.why-choose-text h2{font-size:2.75rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.why-choose-text p{font-size:1.15rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.stat-card{background:var(--secondary-dark);padding:2rem;border-radius:12px;border:1px solid rgba(59,130,246,.1)}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.95rem}.cta-section{padding:100px 2rem;max-width:1200px;margin:0 auto;text-align:center}.cta-box{background:var(--gradient-1);padding:4rem 3rem;border-radius:20px;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.cta-box h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;position:relative;z-index:1}.cta-box p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.95;position:relative;z-index:1}.cta-box .primary-button{background:#fff;color:var(--accent-blue-dark);position:relative;z-index:1}.cta-box .primary-button:hover{background:var(--text-primary)}footer{background:var(--secondary-dark);border-top:1px solid rgba(59,130,246,.1);padding:3rem 2rem 2rem}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo-container{display:flex;align-items:center;gap:1rem}.footer-logo-mark{width:50px;height:50px}.footer-brand h3{font-size:1.5rem;font-weight:700}.footer-brand p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.footer-links h4{font-size:1rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary)}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent-blue-light)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(59,130,246,.1);text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-logo-main{width:300px;height:300px}.hero h1{font-size:3rem}.why-choose-content{grid-template-columns:1fr;gap:3rem}.logo-breakdown{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links{display:none}.hero{padding:140px 1.5rem 80px}.hero h1{font-size:2.25rem}.hero p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-logo-main{width:250px;height:250px}.services-grid,.stats-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem}}main[data-astro-cid-37fxchfa]{width:100%;margin:0 auto;padding-top:80px}