:root{--bg-darkest:#f8fafc;--bg-dark:#e2e8f0;--bg-pane:#ffffff;--text-light:#0f172a;--text-muted:#334155;--accent-blue:#2563eb;--accent-grid:rgba(37, 99, 235, 0.04);--accent-grid-visible:rgba(37, 99, 235, 0.09);--glass-bg:rgba(248, 250, 252, 0.75);--glass-border:rgba(15, 23, 42, 0.08);--font-logo:'Space Grotesk',sans-serif;--font-headings:'Montserrat',sans-serif;--font-body:'Inter',sans-serif;--font-mono:'Courier New',monospace;--radius-xl:12px;--transition-structural:all 0.4s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-darkest);color:var(--text-light);font-family:var(--font-body);line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-headings);font-weight:500;letter-spacing:-.01em}.grid-blueprint{background-image:linear-gradient(var(--accent-grid) 1px,transparent 1px),linear-gradient(90deg,var(--accent-grid) 1px,transparent 1px);background-size:24px 24px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;animation:activateGlassHeader linear both;animation-timeline:scroll(root);animation-range:0 80px}@keyframes activateGlassHeader{to{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px rgba(15, 23, 42, 0.03)}}.nav-container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-family:var(--font-logo);font-size:2rem;font-weight:700;text-decoration:none;color:var(--text-light);letter-spacing:-.02em}.logo span{color:var(--accent-blue)}.nav-menu{display:flex;list-style:none;gap:32px}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:1.05rem;transition:color 0.2s ease}.nav-link:hover{color:var(--accent-blue)}.menu-toggle{display:none;flex-direction:column;gap:6px;cursor:pointer;background:none;border:none;padding:4px}.menu-toggle span{display:block;width:24px;height:2px;background-color:var(--text-light);transition:0.3s}#menu-checkbox{display:none}section{padding:120px 0}.section-alt{background-color:var(--bg-dark)}.section-header{max-width:600px;margin-bottom:64px}.section-header h2{font-size:2.5rem;margin-bottom:16px}.section-header p{color:var(--text-muted);font-size:1.15rem}.hero-grid-section{position:relative;padding:180px 0 140px;min-height:95vh;display:grid;align-items:center;overflow:hidden;background-color:var(--bg-darkest);border-bottom:1px solid var(--glass-border)}.hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;z-index:5}.hero-intro-text h1{font-size:3.5rem;line-height:1.1;color:var(--text-light);margin-bottom:24px}.hero-intro-text h1 span{color:var(--accent-blue)}.hero-intro-text p{color:var(--text-muted);font-size:1.25rem;margin-bottom:40px;max-width:540px}.hero-action-grid{display:flex;gap:1.25rem;align-items:center}.ambient-glow{position:absolute;top:15%;left:50%;transform:translateX(-50%);width:65vw;height:45vh;background:radial-gradient(circle,rgba(37, 99, 235, 0.05) 0%,transparent 70%);filter:blur(120px);pointer-events:none;z-index:1}.tech-grid-overlay{position:relative;background-image:linear-gradient(rgba(37, 99, 235, 0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(37, 99, 235, 0.04) 1px,transparent 1px);background-size:24px 24px}.browser-mockup-frame{position:relative;width:100%;background:#fff;border-radius:var(--radius-xl);border:1px solid rgba(15, 23, 42, 0.08);box-shadow:0 30px 60px rgba(15, 23, 42, 0.06);overflow:visible;min-height:340px;will-change:transform}.browser-header-bar{background:#f1f5f9;height:2.5rem;border-bottom:1px solid rgba(15, 23, 42, 0.08);display:grid;grid-template-columns:auto 1fr;align-items:center;padding:0 1rem;gap:1.5rem;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.browser-window-dots{display:flex;gap:0.35rem}.browser-window-dots .dot {width:8px;height:8px;border-radius:50%;display:block;opacity:0.6}.dot-red{background:#FF5F56}.dot-amber{background:#FFBD2E}.dot-green{background:#27C93F}.browser-address-field{background:#fff;border:1px solid rgba(15, 23, 42, 0.08);font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);text-align:center;padding:0.2rem 0;border-radius:4px;max-width:320px;width:100%;justify-self:center}.browser-content-canvas{padding:2rem}.canvas-skeleton-hero{display:grid;gap:0.75rem;max-width:80%}.skeleton-line{background:rgba(15, 23, 42, 0.04);border-radius:4px;height:10px}.title-line{height:18px;width:70%;background:rgba(37, 99, 235, 0.08);margin-bottom:0.5rem}.body-line-1{width:100%}.body-line-2{width:85%}.skeleton-grid-blocks{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.skeleton-block{background:rgba(15, 23, 42, 0.01);height:80px;border-radius:6px;border:1px solid rgba(15, 23, 42, 0.04)}.floating-component-card{position:absolute;background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-xl);box-shadow:0 20px 40px rgba(15, 23, 42, 0.08);border:1px solid rgba(15, 23, 42, 0.08);padding:1.25rem;transition:var(--transition-structural);z-index:10;will-change:transform}.floating-component-card:hover{transform:scale(1.03) translateY(-4px)!important;border-color:var(--accent-blue);box-shadow:0 20px 40px rgba(37, 99, 235, 0.12)}.card-analytics{top:-20px;right:-15px;width:210px}.card-metric-header{display:flex;flex-direction:column;gap:0.2rem}.metric-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.05em;font-family:var(--font-mono);color:var(--text-muted)}.metric-trend-badge{font-family:var(--font-headings);font-size:1.8rem;font-weight:500;color:#059669}.analytics-vector-graph{margin-top:0.5rem;display:block;width:100%;height:auto}.sparkline-svg{width:100%;height:45px;display:block;overflow:visible}.card-mobile-view{bottom:-35px;left:-30px;padding:0.5rem;border-radius:24px;background:#0f172a;border-color:rgba(255, 255, 255, 0.1);box-shadow:0 25px 50px rgba(15, 23, 42, 0.15)}.phone-frame-container{width:90px;height:165px;background:#fff;border-radius:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:1rem 0.5rem}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);background:#0f172a;width:45px;height:10px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.phone-display-content{display:grid;gap:0.5rem;margin-top:0.5rem}.phone-skeleton-logo{width:25px;height:6px;background:var(--accent-blue);border-radius:2px}.phone-skeleton-hero{height:45px;background:rgba(15, 23, 42, 0.04);border-radius:4px}.phone-skeleton-button{height:12px;background:rgba(15, 23, 42, 0.08);border-radius:3px;width:60%}.card-seo-vitals{bottom:25px;right:-25px;width:195px;display:flex;align-items:center;gap:0.85rem}.seo-score-node{position:relative;display:grid;place-items:center;width:42px;height:42px}.progress-ring-svg{transform:rotate(-90deg)}.progress-ring-fill{stroke-dasharray:113;stroke-dashoffset:11;transition:stroke-dashoffset 0.3s;stroke:var(--accent-blue)}.progress-ring-bg{stroke:rgba(15, 23, 42, 0.05)}.seo-percentage-text{position:absolute;font-family:var(--font-headings);font-size:0.8rem;font-weight:500;color:var(--accent-blue)}.seo-meta-details{display:flex;flex-direction:column}.seo-title-lbl{font-size:0.8rem;font-weight:600;color:var(--text-light)}.seo-status-lbl{color:#059669;font-weight:500;font-size:0.65rem}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px}.solutions-header{max-width:100%}.header-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:32px;margin-top:20px}.pane-card{background-color:var(--bg-pane);border:1px solid var(--glass-border);border-radius:12px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(15, 23, 42, 0.01);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s ease,box-shadow 0.4s ease;text-align:center;display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(var(--accent-grid-visible) 1px,transparent 1px),linear-gradient(90deg,var(--accent-grid-visible) 1px,transparent 1px);background-size:24px 24px}.pane-card:hover{border-color:var(--accent-blue);transform:translateY(-6px);box-shadow:0 20px 40px rgba(37, 99, 235, 0.06)}.pane-card h3{font-size:1.5rem;margin:20px 0 12px 0}.pane-card p{color:var(--text-muted);font-size:1.05rem}.pane-card::after{content:"";position:absolute;top:0;right:0;width:24px;height:24px;border-top:2px solid rgba(37, 99, 235, 0.2);border-right:2px solid rgba(37, 99, 235, 0.2);transition:border-color 0.3s ease}.pane-card:hover::after{border-top-color:var(--accent-blue);border-right-color:var(--accent-blue)}.pane-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 12px 0;font-size:1.5rem}.pane-icon{width:24px;height:24px;color:var(--accent-blue);flex-shrink:0}.solutions-list{list-style:none;margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.solutions-list li{color:var(--text-muted);font-size:1.05rem;position:relative;padding-left:28px;text-align:center;transition:color 0.2s ease}.pane-card:hover .solutions-list li{color:var(--text-light)}.solutions-list li::before{content:"";position:absolute;left:4px;top:4px;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;transition:transform 0.2s ease}.pane-card:hover .solutions-list li::before{transform:scale(1.1)}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.headline-large{font-size:2.5rem;max-width:400px;line-height:1.2}.text-block-muted{color:var(--text-muted);margin-top:16px;font-size:1.05rem}.feature-block{margin-bottom:32px}.feature-block h3{font-size:1.3rem;margin-bottom:8px;display:flex;align-items:center;gap:12px}.feature-block h3 span{color:var(--accent-blue);font-family:var(--font-body);font-size:0.95rem}.phase-indicator{color:var(--accent-blue);font-family:var(--font-body);margin-bottom:8px;font-size:1.05rem}.btn{display:inline-block;background-color:var(--text-light);color:var(--bg-darkest);padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;border:none;cursor:pointer;transition:opacity 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.btn:hover{opacity:0.95;transform:translateY(-2px);box-shadow:0 10px 25px rgba(15, 23, 42, 0.08)}.cta-box{background-color:var(--bg-pane);border:1px solid var(--glass-border);border-radius:16px;padding:64px;display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:start;box-shadow:0 20px 50px rgba(15, 23, 42, 0.03);transition:border-color 0.4s ease,box-shadow 0.4s ease}.cta-box:hover {border-color:rgba(37, 99, 235, 0.2);box-shadow:0 30px 60px rgba(37, 99, 235, 0.05)}.cta-box h2{font-size:3rem;line-height:1.1}.contact-form-wrapper{display:flex;flex-direction:column;gap:20px}.form-row-twin{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:0.9rem;font-weight:600;color:var(--text-light);letter-spacing:0.02em}.form-group input,.form-group textarea{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:8px;padding:14px 16px;color:var(--text-light);font-family:var(--font-body);font-size:1.05rem;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(71, 85, 105, 0.6)}.form-group input:focus,.form-group textarea:focus{outline:none;background-color:var(--bg-pane);border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(37, 99, 235, 0.1)}.form-submit-btn{display:inline-block;background-color:var(--text-light);color:var(--bg-darkest);padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.05rem;border:none;cursor:pointer;width:100%;margin-top:10px;text-align:center;transition:opacity 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.form-submit-btn:hover{opacity:0.95;transform:translateY(-2px);box-shadow:0 10px 25px rgba(15, 23, 42, 0.08)}footer{border-top:1px solid var(--glass-border);padding:60px 0;background-color:var(--bg-dark)}.footer-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-brand{font-family:var(--font-logo);font-weight:700}.footer-copyright{color:var(--text-muted);font-size:0.9rem;margin-top:4px}.footer-seo-links{display:flex;gap:16px;flex-wrap:wrap;list-style:none}.footer-seo-links a{color:var(--text-muted);text-decoration:none;font-size:0.9rem;transition:color 0.2s ease}.footer-seo-links a:hover{color:var(--accent-blue)}.process-sidebar-layout{display:grid;grid-template-columns:0.8fr 1.2fr;gap:64px;align-items:start}.process-sticky-header{position:sticky;top:120px}.process-sticky-header h2{font-size:2.5rem;margin-bottom:24px;line-height:1.2}.process-sticky-header p{color:var(--text-muted);font-size:1.15rem}.process-stream{position:relative;padding-left:40px}.stream-track{position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--accent-blue) 0%,rgba(37, 99, 235, 0.3) 50%,rgba(15, 23, 42, 0.05) 100%)}.stream-step{position:relative;margin-bottom:56px}.stream-step:last-child{margin-bottom:0}.stream-node{position:absolute;left:-40px;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--bg-darkest);border:2px solid var(--accent-blue);z-index:2}.stream-content h3{font-size:1.6rem;color:var(--text-light);margin:4px 0 12px 0}.stream-content p{color:var(--text-muted);font-size:1.05rem}@media (max-width: 968px){.hero-grid,.cta-box{grid-template-columns:1fr;gap:48px}.cta-box{padding:40px 24px}.form-row-twin{grid-template-columns:1fr;gap:20px}.browser-mockup-frame{display:block!important;visibility:visible!important;opacity:1!important;transform:scale(0.7);transform-origin:top center;max-width:100%;height:360px;margin:20px auto 0 auto;animation:none!important}.floating-component-card{animation:none!important;position:absolute!important}.card-analytics{right:-10px;top:-15px;width:150px}.card-seo-vitals{right:-15px;bottom:25px;width:155px}.card-mobile-view{display:none}.process-sidebar-layout{grid-template-columns:1fr;gap:48px}.process-sticky-header{position:static}.cta-box h2{font-size:2.2rem}.menu-toggle{display:flex}.nav-menu{position:absolute;top:80px;left:0;width:100%;background:var(--bg-pane);border-bottom:1px solid var(--glass-border);box-shadow:0 10px 30px rgba(15, 23, 42, 0.05);flex-direction:column;padding:40px 24px;gap:24px;transform:translateY(-150%);transition:transform 0.3s ease;z-index:999}#menu-checkbox:checked ~ .nav-menu{transform:translateY(0)}#menu-checkbox:checked ~ .menu-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#menu-checkbox:checked ~ .menu-toggle span:nth-child(2){opacity:0}#menu-checkbox:checked ~ .menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero-intro-text h1{font-size:2.6rem}}.animate-fade-in{animation:fadeIn 1.2s cubic-bezier(0.25,1,0.5,1) forwards}.animate-slide-up{opacity:0;animation:springSlideUp 1.4s cubic-bezier(0.25,1,0.5,1) 0.15s forwards}.animate-float-main{opacity:0;animation:springSlideUp 1.4s cubic-bezier(0.25,1,0.5,1) 0.3s forwards,macroFloat 8s ease-in-out infinite alternate}.animate-float-card-a{animation:cardFloatA 6s ease-in-out infinite alternate}.animate-float-card-b{animation:cardFloatB 7s ease-in-out infinite alternate-reverse}.animate-float-card-c{animation:cardFloatC 5s ease-in-out infinite alternate}@keyframes fadeIn{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes springSlideUp{from{opacity:0;transform:translateY(50px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes macroFloat{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-12px) rotate(0.75deg)}}@keyframes cardFloatA{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-16px) translateX(6px)}}@keyframes cardFloatB{0%{transform:translateY(0) scale(1)}100%{transform:translateY(14px) translateX(-8px)}}@keyframes cardFloatC{0%{transform:translateY(0) rotate(0deg)}100%{transform:translateY(-18px) rotate(-1deg)}}.toast-card{position:fixed;bottom:32px;right:32px;background:var(--bg-pane);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 20px 40px rgba(15, 23, 42, 0.08);display:flex;overflow:hidden;z-index:2000;width:340px;opacity:0;transform:translateY(20px) scale(0.95);visibility:hidden;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease,visibility 0.3s}.toast-card.show-toast{opacity:1;transform:translateY(0) scale(1);visibility:visible}.toast-accent{width:5px;background-color:var(--accent-blue);flex-shrink:0}.toast-content{padding:16px 20px;display:flex;align-items:flex-start;gap:14px}.toast-icon{width:20px;height:20px;color:var(--accent-blue);margin-top:2px;flex-shrink:0}.toast-content h4{font-family:var(--font-headings);color:var(--text-light);font-size:0.95rem;font-weight:700;margin-bottom:2px}.toast-content p{font-family:var(--font-body);color:var(--text-muted);font-size:0.85rem;line-height:1.4}@media (max-width: 480px){.toast-card{bottom:16px;left:16px;right:16px;width:calc(100% - 32px)}}