:root{--bg-primary:#0a0a0f;--bg-secondary:#101016;--bg-card:#14141c;--bg-card-hover:#140c18;--accent:#3b82f6;--accent-glow:rgba(59,130,246,.15);--accent-soft:rgba(59,130,246,.08);--accent-border:rgba(59,130,246,.25);--problem-red:#ff4d6a;--problem-red-soft:rgba(255,77,106,.1);--problem-red-border:rgba(255,77,106,.2);--problem-bg:#160f11;--text-primary:#f0f0f5;--text-secondary:#8a8a9a;--text-muted:#5a5a6a;--border:rgba(255,255,255,.06);--gradient-cta:linear-gradient(135deg,#a855f7 0%,#6366f1 50%,#00a8ff 100%);--gradient-cta-hover:linear-gradient(135deg,#c084fc 0%,#818cf8 50%,#38bdf8 100%)}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-family:'proxima_novaregular',sans-serif}body:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}h1,h2,h3,h4,h5,h6{font-family:'gotham_htfbold';font-weight:400;line-height:1.1}a{color:inherit;text-decoration:none}.container{max-width:1320px;margin:0 auto}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--gradient-cta);color:#fff}.btn-primary:hover{background:var(--gradient-cta-hover);transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.4)}.btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.hero{display:flex;align-items:center;padding:8rem 0 2rem;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none}.hero-grid{position:absolute;top:0;right:0;width:50%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to left,#000 0%,transparent 80%);-webkit-mask-image:linear-gradient(to left,#000 0%,transparent 80%)}.hero .container{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--problem-red-soft);border:1px solid var(--problem-red-border);border-radius:100px;font-size:.8125rem;color:var(--problem-red);margin-bottom:2rem;animation:fadeInUp .8s ease forwards}.hero-badge:before{content:'';width:6px;height:6px;background:var(--problem-red);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1.5rem;animation:fadeInUp .8s ease .1s forwards;opacity:0;max-width:800px;line-height:1.05}.hero h1 .gradient-text{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 50%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:580px;margin-bottom:2.5rem;animation:fadeInUp .8s ease .2s forwards;opacity:0;line-height:1.6}.hero-cta{display:flex;gap:1.5rem;align-items:center;animation:fadeInUp .8s ease .3s forwards;opacity:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-white{background:var(--gradient-cta);color:#fff;padding:1rem 2rem;font-weight:600;border-radius:50px}.btn-white:hover{background:var(--gradient-cta-hover);transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.4)}.btn-ghost{background:0 0;color:var(--text-primary);padding:1rem 0;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.btn-ghost:hover{color:var(--accent)}.btn-ghost svg{transition:transform .3s ease}.btn-ghost:hover svg{transform:translateX(4px)}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--problem-red);margin-bottom:1rem}.section-label:before,.section-label:after{content:'';width:20px;height:1px;background:var(--problem-red)}.problem-section{padding:2rem 0;background:var(--bg-primary);position:relative}.problem-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.problem-section .section-header{text-align:center;margin-bottom:4rem}.problem-section .section-header h2{font-size:clamp(1.75rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em}.problem-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.problem-tile{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;min-height:220px}.tile-problem{position:absolute;inset:0;background:var(--problem-bg);border:1px solid var(--problem-red-border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;transition:opacity .4s ease,transform .4s ease;z-index:2}.tile-problem:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--problem-red);border-radius:20px 0 0 20px}.tile-solution{position:absolute;inset:0;background:var(--bg-card-hover);border:1px solid var(--accent-border);border-radius:20px;padding:2rem;display:flex;flex-direction:column;opacity:0;transform:scale(.98);transition:opacity .4s ease,transform .4s ease;z-index:1}.tile-solution:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent);border-radius:20px 0 0 20px}.tile-solution:after{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);opacity:.5;pointer-events:none}.problem-tile:hover .tile-problem{opacity:0;transform:scale(.98)}.problem-tile:hover .tile-solution{opacity:1;transform:scale(1);z-index:3}.tile-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;padding:.375rem .875rem;border-radius:100px;margin-bottom:1rem;width:fit-content}.tile-problem .tile-label{background:rgba(255,77,106,.15);color:var(--problem-red)}.tile-solution .tile-label{background:var(--accent-soft);color:var(--accent)}.tile-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.tile-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.features-section{padding:2rem 0;background:var(--bg-primary);position:relative}.features-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-section .section-header h2{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-4px)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:12px;margin-bottom:1.5rem;color:var(--accent)}.feature-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.feature-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.metrics-section{padding:2rem 0;background:var(--bg-primary);position:relative}.metrics-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.metrics-section .section-header{text-align:center;margin-bottom:4rem}.metrics-section .section-header h2{font-size:clamp(1.75rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1000px;margin:0 auto}.metric-card{text-align:center;padding:2rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;transition:all .3s ease}.metric-card:hover{border-color:var(--accent);transform:translateY(-4px)}.metric-value{font-size:3rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.5rem}.metric-label{font-size:.875rem;color:var(--text-secondary)}.how-section{padding:2rem 0;background:var(--bg-primary);position:relative}.how-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.how-section .section-header{text-align:center;margin-bottom:4rem}.how-section .section-header h2{font-size:clamp(1.75rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em}.how-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.how-steps{display:flex;flex-direction:column;gap:2rem}.how-step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:12px;font-weight:700;font-size:1.25rem;color:var(--accent);flex-shrink:0}.step-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.step-content p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.how-visual{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.visual-before,.visual-after{padding:1.5rem;border-radius:12px}.visual-before{background:var(--problem-bg);border:1px dashed var(--problem-red-border)}.visual-after{background:var(--bg-card-hover);border:1px solid var(--accent-border)}.visual-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-weight:600}.visual-before .visual-label{color:var(--problem-red)}.visual-after .visual-label{color:var(--accent)}.docs-scattered{display:flex;gap:.5rem;opacity:.5}.doc-icon{width:40px;height:52px;background:rgba(255,255,255,.1);border-radius:4px}.doc-icon:nth-child(1){transform:rotate(-8deg) translateY(4px)}.doc-icon:nth-child(2){transform:rotate(3deg) translateY(-2px)}.doc-icon:nth-child(3){transform:rotate(-4deg) translateY(6px)}.doc-icon:nth-child(4){transform:rotate(6deg)}.data-rows{display:flex;flex-direction:column;gap:.75rem}.data-row{display:flex;align-items:center;gap:.75rem}.data-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0}.data-bar{height:8px;background:rgba(59,130,246,.2);border-radius:4px;flex:1}.data-row:nth-child(1) .data-bar{width:85%}.data-row:nth-child(2) .data-bar{width:60%}.data-row:nth-child(3) .data-bar{width:75%}.visual-arrow{display:flex;justify-content:center;color:var(--text-muted)}.integrations-section{padding:2rem 0;background:var(--bg-primary);position:relative}.integrations-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.integrations-section .section-header{text-align:center;margin-bottom:4rem}.integrations-section .section-header h2{font-size:clamp(1.75rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.integration-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.75rem;transition:all .3s ease}.integration-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.integration-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:10px;margin-bottom:1rem;color:var(--accent)}.integration-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.integration-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.usecases-section{padding:2rem 0;background:var(--bg-primary);position:relative}.usecases-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.usecases-section .section-header{text-align:center;margin-bottom:3rem}.usecases-section .section-header h2{font-size:clamp(1.75rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em}.usecases-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;max-width:900px;margin:0 auto}.usecase-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-align:center;transition:all .3s ease}.usecase-item:hover{border-color:var(--accent);transform:translateY(-2px)}.usecase-item svg{width:28px;height:28px;color:var(--accent)}.usecase-item h4{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.security-section{padding:2rem 0;background:var(--bg-primary);position:relative}.security-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.security-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.security-text h2{font-size:clamp(1.75rem,4vw,2.3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.security-text>p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.security-list{display:flex;flex-direction:column;gap:1.25rem}.security-item{display:flex;gap:1rem;align-items:flex-start}.security-item svg{width:24px;height:24px;color:var(--accent);flex-shrink:0;margin-top:2px}.security-item h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.security-item p{font-size:.875rem;color:var(--text-secondary)}.security-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.security-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.security-badge:hover{border-color:var(--accent)}.security-badge h4{font-size:1.5rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.security-badge p{font-size:.875rem;color:var(--text-secondary)}.cta-section{padding:3rem 0;background:var(--bg-primary);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.cta-section:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.cta-section .container{position:relative;z-index:1}.cta-section h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;margin-bottom:1rem}.cta-section p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}@media (max-width:968px){.problem-tiles{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.how-content{grid-template-columns:1fr;gap:3rem}.integrations-grid{grid-template-columns:repeat(2,1fr)}.usecases-grid{grid-template-columns:repeat(3,1fr)}.security-content{grid-template-columns:1fr;gap:3rem}}@media (max-width:640px){.hero{padding:3rem 0 4rem}.features-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr;gap:1rem}.integrations-grid{grid-template-columns:1fr}.usecases-grid{grid-template-columns:repeat(2,1fr)}.security-badges{grid-template-columns:1fr 1fr;gap:1rem}.cta-buttons{flex-direction:column;align-items:center}}@media (min-width:1200px){.hero{min-height:80vh}}body a.btn br,body button.btn br,span.tile-label br,section br,section p:empty{display:none !important}.hero.tdLogo:before{content:'';position:absolute;top:0;right:-2%;width:250px;height:520px;pointer-events:none;z-index:0;background-repeat:no-repeat;background-position:left top;background-size:cover;background-image:url('/wp-content/themes/hello-elementor-child/images/tdWebRightFloat.png');opacity:.2}body .cta-banner{margin-bottom:3rem}