{"id":2624,"date":"2026-03-11T12:46:37","date_gmt":"2026-03-11T12:46:37","guid":{"rendered":"https:\/\/palegoldenrod-dugong-407562.hostingersite.com\/?page_id=2624"},"modified":"2026-04-15T15:47:00","modified_gmt":"2026-04-15T15:47:00","slug":"360-attack-surface-and-risk-analysis","status":"publish","type":"page","link":"https:\/\/nordsterntech.com\/en\/360-attack-surface-and-risk-analysis\/","title":{"rendered":"360\u00b0 Attack Surface &amp; Risk Analysis"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2624\" class=\"elementor elementor-2624\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e7ca4f e-con-full e-flex sc_layouts_column_icons_position_left e-con e-parent\" data-id=\"6e7ca4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-9ccb8d4 e-con-full e-flex sc_layouts_column_icons_position_left animation_type_block elementor-invisible e-con e-child\" data-id=\"9ccb8d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;ta_fadeinup&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-793dabf sc_fly_static elementor-widget elementor-widget-html\" data-id=\"793dabf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ==========================================\n     LANDING PAGE: EXPOSURE MANAGEMENT & 360 MONITORING (ENGLISH)\n     ========================================== -->\n\n<div class=\"ns-category-cinematic\">\n\n  <!-- FOCOS DE LUZ VOLUM\u00c9TRICA -->\n  <div class=\"ns-global-glow ns-glow-cyan\"><\/div>\n  <div class=\"ns-global-glow ns-glow-blue\"><\/div>\n\n  <!-- TEXTURA DE MALLA\/DATOS -->\n  <div class=\"ns-grid-bg\"><\/div>\n\n  <!-- ==========================================\n       1. HERO: EL PROBLEMA INVISIBLE\n       ========================================== -->\n  <section class=\"ns-cine-hero\">\n    <div class=\"ns-hero-bg-darkweb\"><\/div>\n    <div class=\"ns-hero-overlay-dark\"><\/div>\n\n    <div class=\"ns-container ns-relative ns-z-10\">\n      <div class=\"ns-hero-content ns-fade-in-up\">\n        <div class=\"ns-badge-prevention\">\n          <span class=\"ns-badge-dot-cyan\"><\/span>\n          <span>Strategy & Exposure Management<\/span>\n        <\/div>\n        \n        <h1 class=\"ns-cine-title\">360\u00b0 Attack Surface <br><span class=\"ns-text-gradient-cyan\">& Risk Analysis<\/span><\/h1>\n        <p class=\"ns-cine-subtitle\"><strong>What the Dark Web knows about you.<\/strong> We evolve from reactive monitoring to proactive risk management. Discover your digital footprint, eliminate \"operational myopia,\" and prioritize threats based on their real business impact.<\/p>\n        \n        <div class=\"ns-cine-actions\">\n          <a href=\"#bento\" class=\"ns-btn-cyan\">Explore the Ecosystem<\/a>\n          <a href=\"#metodologia\" class=\"ns-btn-outline-white\">View Methodology<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       2. BENTO GRID: EL PANEL DE CONTROL 360\n       ========================================== -->\n  <section id=\"bento\" class=\"ns-section-spacing ns-relative ns-z-10\">\n    <div class=\"ns-container\">\n      <div class=\"ns-section-header ns-text-center ns-fade-in-up\">\n        <span class=\"ns-overline-cyan\">Absolute Visibility<\/span>\n        <h2 class=\"ns-section-heading\">The End of \"Operational Myopia\"<\/h2>\n        <p class=\"ns-section-desc\">Traditional methodologies divide and conquer, causing siloed visibility. Our 360\u00b0 approach centralizes intelligence so you can see the big picture.<\/p>\n      <\/div>\n\n      <!-- BENTO GRID ASIM\u00c9TRICO -->\n      <div class=\"ns-bento-grid\">\n        \n        <!-- Tarjeta 1: Dark Web (Efecto Terminal) - Ocupa 2 columnas -->\n        <div class=\"ns-bento-card ns-bento-large ns-bento-terminal ns-fade-in-up\">\n          <div class=\"ns-terminal-header\">\n            <span class=\"ns-dot ns-dot-red\"><\/span><span class=\"ns-dot ns-dot-yellow\"><\/span><span class=\"ns-dot ns-dot-green\"><\/span>\n            <span class=\"ns-terminal-title\">dark_web_monitor.exe<\/span>\n          <\/div>\n          <div class=\"ns-terminal-body\">\n            <p class=\"ns-term-line\">> Scanning underground forums...<\/p>\n            <p class=\"ns-term-line\">> Analyzing Shadow IT and open ports...<\/p>\n            <p class=\"ns-term-line ns-term-alert\">> [ALERT] Exposed credentials detected.<\/p>\n            <p class=\"ns-term-line\">> Cross-referencing data with Cyber Threat Intelligence (CTI)...<\/p>\n            <div class=\"ns-term-cursor\"><\/div>\n          <\/div>\n          <div class=\"ns-bento-content\">\n            <h3 class=\"ns-bento-title\">Dark Web & Shadow IT<\/h3>\n            <p class=\"ns-bento-text\">We track the deep web and your forgotten perimeter to detect data leaks before they turn into a cyberattack.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- Tarjeta 2: An\u00e1lisis de Riesgo -->\n        <div class=\"ns-bento-card ns-fade-in-up ns-delay-1\">\n          <div class=\"ns-card-icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21.21 15.89A10 10 0 1 1 8 2.83\"\/><path d=\"M22 12A10 10 0 0 0 12 2v10z\"\/><\/svg><\/div>\n          <h3 class=\"ns-bento-title\">Risk Analysis<\/h3>\n          <p class=\"ns-bento-text\">We measure detected vulnerabilities against their potential business impact. We prioritize what truly matters.<\/p>\n        <\/div>\n\n        <!-- Tarjeta 3: Monitoreo Proactivo -->\n        <div class=\"ns-bento-card ns-fade-in-up ns-delay-2\">\n          <div class=\"ns-card-icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\n          <h3 class=\"ns-bento-title\">Proactive Monitoring<\/h3>\n          <p class=\"ns-bento-text\">We evolve from slow, historical monitoring to agile, real-time surveillance\u2014focused on the service, not just the component.<\/p>\n        <\/div>\n\n        <!-- Tarjeta 4: El Reto del CEO (Ocupa 2 columnas) -->\n        <div class=\"ns-bento-card ns-bento-large ns-bento-gradient ns-fade-in-up ns-delay-3\">\n          <div class=\"ns-bento-content-flex\">\n            <div>\n              <h3 class=\"ns-bento-title\">The Board's Priority<\/h3>\n              <p class=\"ns-bento-text\">The rise in threats and million-dollar losses has made cybersecurity a top concern for CEOs. We provide visibility to decision-makers to drive effective containment strategies.<\/p>\n            <\/div>\n            <div class=\"ns-bento-big-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       3. STICKY SCROLL: LA RUTA DE IMPLEMENTACI\u00d3N\n       ========================================== -->\n  <section id=\"metodologia\" class=\"ns-section-spacing ns-bg-darker ns-relative ns-z-10\">\n    \n    <!-- NUEVO: Fondo difuminado Parallax para toda la secci\u00f3n (Lado derecho e izquierdo) -->\n    <div class=\"ns-metodologia-bg\"><\/div>\n\n    <div class=\"ns-container ns-relative ns-z-10\">\n      \n      <div class=\"ns-sticky-layout\">\n        <!-- Columna Izquierda (Se queda fija) -->\n        <div class=\"ns-sticky-sidebar\">\n          <div class=\"ns-sticky-content\">\n            <span class=\"ns-overline-cyan\">Nordstern Methodology<\/span>\n            <h2 class=\"ns-section-heading\">The Path to<br>360\u00b0 Monitoring<\/h2>\n            <p class=\"ns-body-text\">An iterative and agile process to close the gap between business expectations and technological capabilities.<\/p>\n          <\/div>\n\n          <!-- NUEVO: Gr\u00e1fico difuminado para llenar el hueco izquierdo -->\n          <div class=\"ns-sticky-visual\">\n            <div class=\"ns-visual-glow\"><\/div>\n            <div class=\"ns-visual-image\"><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Columna Derecha (Hace scroll) -->\n        <div class=\"ns-sticky-steps\">\n          \n          <div class=\"ns-step-card\">\n            <div class=\"ns-step-number\">01<\/div>\n            <h3 class=\"ns-step-title\">Assessment & Auditing<\/h3>\n            <p class=\"ns-step-text\">We understand your business value expectations. We audit managed data and infrastructure, and evaluate your current information security operations.<\/p>\n          <\/div>\n\n          <div class=\"ns-step-card\">\n            <div class=\"ns-step-number\">02<\/div>\n            <h3 class=\"ns-step-title\">Gap & Risk Analysis<\/h3>\n            <p class=\"ns-step-text\">We identify internal and external threats and vulnerabilities. We measure risk, prioritizing based on its relevance to critical business objectives.<\/p>\n          <\/div>\n\n          <div class=\"ns-step-card\">\n            <div class=\"ns-step-number\">03<\/div>\n            <h3 class=\"ns-step-title\">Strategy & Agile Planning<\/h3>\n            <p class=\"ns-step-text\">We define improvement roadmaps to close security gaps. We establish an agile work plan and adopt a bimodal approach for implementation and operation.<\/p>\n          <\/div>\n\n          <div class=\"ns-step-card\">\n            <div class=\"ns-step-number\">04<\/div>\n            <h3 class=\"ns-step-title\">Operations & Continuous Improvement<\/h3>\n            <p class=\"ns-step-text\">We establish checkpoints to evaluate delivered value. We foster a new mindset in operational resources, repeating and improving the cycle toward innovation.<\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       4. BENEFICIOS PARA EL NEGOCIO (Glass Cards)\n       ========================================== -->\n  <section class=\"ns-section-spacing ns-relative ns-z-10\">\n    <div class=\"ns-container\">\n      <div class=\"ns-section-header ns-text-center ns-fade-in-up\">\n        <h2 class=\"ns-section-heading\">Business Benefits<\/h2>\n      <\/div>\n\n      <div class=\"ns-grid-3\">\n        \n        <div class=\"ns-glass-card ns-fade-in-up\">\n          <div class=\"ns-card-icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"\/><\/svg><\/div>\n          <h3 class=\"ns-card-heading\">Investment Optimization<\/h3>\n          <p class=\"ns-card-text\">Reduce long-term costs by preventing incidents. Optimize your budget by investing only in mitigating risks that truly impact your operations.<\/p>\n        <\/div>\n\n        <div class=\"ns-glass-card ns-fade-in-up ns-delay-1\">\n          <div class=\"ns-card-icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10 9 9 9 8 9\"\/><\/svg><\/div>\n          <h3 class=\"ns-card-heading\">Regulatory Compliance<\/h3>\n          <p class=\"ns-card-text\">Meet regulatory requirements (federal, legal, standards, certifications like PCI DSS or ISO) through a recurring and documented process.<\/p>\n        <\/div>\n\n        <div class=\"ns-glass-card ns-fade-in-up ns-delay-2\">\n          <div class=\"ns-card-icon-cyan\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg><\/div>\n          <h3 class=\"ns-card-heading\">Trust & Awareness<\/h3>\n          <p class=\"ns-card-text\">Build trust with your clients by demonstrating security maturity. Raise awareness within your organization about its weaknesses and the real cost of a breach.<\/p>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ==========================================\n       5. CTA CINEMATOGR\u00c1FICO\n       ========================================== -->\n  <section class=\"ns-cine-cta-block\">\n    <div class=\"ns-cta-bg-image\"><\/div>\n    <div class=\"ns-cta-overlay\"><\/div>\n    \n    <div class=\"ns-container ns-relative ns-z-10\">\n      <div class=\"ns-cta-content ns-fade-in-up\">\n        <h2 class=\"ns-cta-title\">Make your business more agile and secure<\/h2>\n        <p class=\"ns-cta-desc\">Transform, evolve, and centralize your business operations by leveraging individual capabilities and creating a unified service goal.<\/p>\n        <a href=\"\/contact\/\" class=\"ns-btn-cyan\">Speak with an Expert<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<!-- ==========================================\n     ESTILOS CSS: EXPOSURE & 360\n     ========================================== -->\n<style>\n  .ns-category-cinematic {\n    width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;\n    font-family: 'Inter', sans-serif;\n    background-color: #030712; \n    color: #FFFFFF; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden;\n  }\n\n  \/* --- FOCOS DE LUZ --- *\/\n  .ns-global-glow { position: absolute; pointer-events: none; z-index: 0; position: fixed; }\n  .ns-glow-cyan { top: -10%; left: -10%; width: 70vw; height: 80vh; background: radial-gradient(circle at center, rgba(14, 165, 233, 0.12) 0%, transparent 60%); }\n  .ns-glow-blue { bottom: -10%; right: -10%; width: 70vw; height: 80vh; background: radial-gradient(circle at center, rgba(59, 130, 246, 0.1) 0%, transparent 60%); }\n  \n  .ns-grid-bg { position: absolute; inset: 0; z-index: 0; opacity: 0.15; pointer-events: none; background-image: linear-gradient(rgba(14, 165, 233, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(14, 165, 233, 0.3) 1px, transparent 1px); background-size: 40px 40px; mask-image: linear-gradient(to bottom, black 0%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%); }\n\n  \/* --- UTILS --- *\/\n  .ns-container { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 10; }\n  .ns-relative { position: relative; }\n  .ns-z-10 { z-index: 10; }\n  .ns-text-center { text-align: center; }\n  .ns-section-spacing { padding: 100px 0; }\n  .ns-bg-darker { background-color: rgba(2, 4, 10, 0.6); border-top: 1px solid rgba(255,255,255,0.02); border-bottom: 1px solid rgba(255,255,255,0.02); }\n\n  \/* --- 1. HERO --- *\/\n  .ns-cine-hero { position: relative; padding: 180px 0 120px 0; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); }\n  .ns-hero-bg-darkweb { position: absolute; top: 0; right: 0; width: 60%; height: 100%; background-image: url('https:\/\/images.unsplash.com\/photo-1551808525-51a94da548ce?q=80&w=2000&auto=format&fit=crop'); background-size: cover; background-position: center; filter: sepia(100%) hue-rotate(180deg) saturate(200%) brightness(0.3); mask-image: linear-gradient(to left, black 0%, transparent 100%), linear-gradient(to top, transparent 0%, black 80%); -webkit-mask-image: linear-gradient(to left, black 0%, transparent 100%), linear-gradient(to top, transparent 0%, black 80%); mask-composite: intersect; -webkit-mask-composite: source-in; z-index: 0; }\n  .ns-hero-overlay-dark { position: absolute; inset: 0; background: linear-gradient(90deg, #030712 40%, transparent 100%); z-index: 1; }\n  \n  .ns-hero-content { max-width: 750px; position: relative; z-index: 10; }\n  .ns-badge-prevention { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #38bdf8; margin-bottom: 24px; background: rgba(14, 165, 233, 0.1); padding: 6px 16px; border-radius: 20px; border: 1px solid rgba(14, 165, 233, 0.3); }\n  .ns-badge-dot-cyan { width: 6px; height: 6px; background-color: #0ea5e9; border-radius: 50%; box-shadow: 0 0 10px #0ea5e9; }\n  \n  .ns-cine-title { font-size: 56px; font-weight: 900; line-height: 1.1; letter-spacing: -0.02em; margin-bottom: 24px; color: #ffffff; }\n  @media (min-width: 768px) { .ns-cine-title { font-size: 64px; } }\n  .ns-text-gradient-cyan { background: linear-gradient(to right, #ffffff, #0ea5e9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n  .ns-cine-subtitle { font-size: 18px; color: #94a3b8; margin-bottom: 40px; line-height: 1.6; }\n  .ns-cine-subtitle strong { color: #ffffff; }\n  \n  .ns-cine-actions { display: flex; gap: 16px; flex-wrap: wrap; }\n  .ns-btn-cyan { display: inline-block; background: #0ea5e9; color: #ffffff; padding: 16px 36px; border-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; transition: all 0.3s; box-shadow: 0 10px 30px rgba(14, 165, 233, 0.3); border: 1px solid #38bdf8; }\n  .ns-btn-cyan:hover { background: #0284c7; transform: translateY(-2px); box-shadow: 0 15px 40px rgba(14, 165, 233, 0.5); }\n  .ns-btn-outline-white { display: inline-flex; align-items: center; background: rgba(255,255,255,0.05); color: #ffffff; padding: 16px 32px; border-radius: 8px; font-size: 16px; font-weight: 600; text-decoration: none; border: 1px solid rgba(255,255,255,0.2); transition: all 0.3s; backdrop-filter: blur(10px); }\n  .ns-btn-outline-white:hover { background: rgba(255,255,255,0.1); border-color: #ffffff; }\n\n  \/* --- 2. BENTO GRID --- *\/\n  .ns-section-header { margin-bottom: 60px; }\n  .ns-overline-cyan { display: block; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #0ea5e9; margin-bottom: 16px; }\n  .ns-section-heading { font-size: 40px; font-weight: 800; line-height: 1.2; color: #ffffff; margin-bottom: 24px; }\n  .ns-section-desc { font-size: 18px; color: #94a3b8; max-width: 700px; margin: 0 auto; }\n\n  .ns-bento-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }\n  @media (min-width: 768px) { .ns-bento-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (min-width: 1024px) { .ns-bento-grid { grid-template-columns: repeat(3, 1fr); } }\n\n  .ns-bento-card { \n    background: linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(5, 11, 26, 0.8) 100%); \n    border: 1px solid rgba(14, 165, 233, 0.25); \n    border-top: 1px solid rgba(14, 165, 233, 0.5); \n    border-radius: 24px; \n    padding: 32px; \n    display: flex; flex-direction: column; justify-content: space-between;\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n  }\n  .ns-bento-card:hover { \n    background: linear-gradient(180deg, rgba(20, 35, 60, 0.9) 0%, rgba(10, 18, 35, 0.9) 100%); \n    border-color: #0ea5e9; \n    transform: translateY(-8px); \n    box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 30px rgba(14, 165, 233, 0.4), inset 0 0 20px rgba(14, 165, 233, 0.15); \n  }\n  @media (min-width: 1024px) { .ns-bento-large { grid-column: span 2; } }\n\n  .ns-bento-title { font-size: 22px; font-weight: 700; color: #ffffff; margin-bottom: 12px; }\n  .ns-bento-text { font-size: 15px; color: #cbd5e1; line-height: 1.6; margin: 0; }\n\n  \/* Efecto Terminal (Tarjeta 1) *\/\n  .ns-bento-terminal { padding: 0; overflow: hidden; justify-content: flex-start; }\n  .ns-terminal-header { background: rgba(0,0,0,0.5); padding: 12px 20px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid rgba(255,255,255,0.05); }\n  .ns-dot { width: 10px; height: 10px; border-radius: 50%; }\n  .ns-dot-red { background: #ef4444; } .ns-dot-yellow { background: #f59e0b; } .ns-dot-green { background: #10b981; }\n  .ns-terminal-title { margin-left: 12px; font-family: monospace; font-size: 12px; color: #64748b; }\n  .ns-terminal-body { padding: 24px; font-family: 'Courier New', Courier, monospace; font-size: 14px; color: #0ea5e9; flex-grow: 1; background: rgba(2, 6, 23, 0.8); }\n  .ns-term-line { margin-bottom: 8px; opacity: 0.8; }\n  .ns-term-alert { color: #ef4444; font-weight: bold; text-shadow: 0 0 5px rgba(239, 68, 68, 0.5); }\n  .ns-term-cursor { display: inline-block; width: 8px; height: 16px; background: #0ea5e9; animation: blink 1s step-end infinite; vertical-align: middle; margin-left: 4px; }\n  @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\n  .ns-bento-terminal .ns-bento-content { padding: 24px; border-top: 1px solid rgba(255,255,255,0.05); }\n\n  \/* Tarjeta Gradient (Tarjeta 4) *\/\n  .ns-bento-gradient { background: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(15, 23, 42, 0.8) 100%); }\n  .ns-bento-content-flex { display: flex; align-items: center; justify-content: space-between; gap: 32px; height: 100%; }\n  .ns-bento-big-icon { color: rgba(14, 165, 233, 0.2); width: 120px; height: 120px; flex-shrink: 0; transition: all 0.4s ease; }\n  .ns-bento-card:hover .ns-bento-big-icon { color: rgba(14, 165, 233, 0.5); transform: scale(1.1) rotate(-5deg); }\n\n  \/* --- 3. STICKY SCROLL (Metodolog\u00eda) --- *\/\n  .ns-sticky-layout { display: flex; flex-direction: column; gap: 60px; }\n  @media (min-width: 1024px) { \n    .ns-sticky-layout { flex-direction: row; align-items: flex-start; }\n    .ns-sticky-sidebar { width: 40%; position: sticky; top: 120px; }\n    .ns-sticky-steps { width: 60%; padding-top: 20px; }\n  }\n  .ns-body-text { font-size: 17px; color: #cbd5e1; margin-bottom: 20px; }\n\n  .ns-sticky-steps { display: flex; flex-direction: column; gap: 40px; }\n  \n  \/* Tarjeta Base *\/\n  .ns-step-card { \n    background: linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(5, 11, 26, 0.8) 100%); \n    border: 1px solid rgba(14, 165, 233, 0.25);\n    border-top: 1px solid rgba(14, 165, 233, 0.5);\n    border-radius: 24px; \n    padding: 40px; \n    position: relative; \n    overflow: hidden;\n    \/* Estado inicial expl\u00edcito para forzar el movimiento despu\u00e9s *\/\n    transform: translateX(0); \n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n  }\n  \n  \/* Efecto Hover Forzado *\/\n  .ns-step-card:hover {\n    background: linear-gradient(180deg, rgba(20, 35, 60, 0.9) 0%, rgba(10, 18, 35, 0.9) 100%) !important; \n    border-color: #0ea5e9 !important;\n    \/* Movimiento a la derecha forzado *\/\n    transform: translateX(15px) !important; \n    box-shadow: -15px 15px 40px rgba(0,0,0,0.6), inset 0 0 20px rgba(14, 165, 233, 0.2) !important;\n  }\n  \n  \/* N\u00fameros de fondo *\/\n  .ns-step-number { \n    font-size: 80px; font-weight: 900; color: rgba(255,255,255,0.06); \n    position: absolute; top: 20px; right: 24px; line-height: 1; pointer-events: none; \n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform-origin: top right;\n  }\n  \n  .ns-step-card:hover .ns-step-number { \n    color: rgba(14, 165, 233, 0.25); \n    transform: scale(1.1) translateX(-5px); \n  }\n  \n  .ns-step-title { font-size: 24px; font-weight: 700; color: #ffffff; margin-bottom: 16px; position: relative; z-index: 2; }\n  .ns-step-text { font-size: 16px; color: #cbd5e1; line-height: 1.6; position: relative; z-index: 2; }\n\n  \/* --- 4. BENEFICIOS (Glass Cards 3D) --- *\/\n  .ns-grid-3 { display: grid; grid-template-columns: 1fr; gap: 24px; }\n  @media (min-width: 768px) { .ns-grid-3 { grid-template-columns: repeat(3, 1fr); } }\n  \n  .ns-glass-card { \n    background: linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(5, 11, 26, 0.8) 100%); \n    border: 1px solid rgba(14, 165, 233, 0.25); \n    border-top: 1px solid rgba(14, 165, 233, 0.5); \n    border-radius: 24px; padding: 40px; \n    backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); \n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n  }\n  .ns-glass-card:hover { \n    background: linear-gradient(180deg, rgba(20, 35, 60, 0.9) 0%, rgba(10, 18, 35, 0.9) 100%); \n    border-color: #0ea5e9; transform: translateY(-8px); \n    box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 30px rgba(14, 165, 233, 0.4), inset 0 0 20px rgba(14, 165, 233, 0.15); \n  }\n  .ns-card-icon-cyan { \n    width: 48px; height: 48px; background: rgba(14, 165, 233, 0.1); color: #0ea5e9; \n    border-radius: 12px; display: flex; align-items: center; justify-content: center; \n    margin-bottom: 24px; border: 1px solid rgba(14, 165, 233, 0.2); transition: all 0.4s ease;\n  }\n  .ns-glass-card:hover .ns-card-icon-cyan, .ns-bento-card:hover .ns-card-icon-cyan {\n    background: rgba(14, 165, 233, 0.2); box-shadow: 0 0 15px rgba(14, 165, 233, 0.5); transform: scale(1.1); color: #ffffff;\n  }\n  .ns-card-icon-cyan svg { width: 24px; height: 24px; }\n  .ns-card-heading { font-size: 22px; font-weight: 700; color: #ffffff; margin-bottom: 16px; }\n  .ns-card-text { font-size: 15px; color: #cbd5e1; line-height: 1.6; }\n\n  \/* --- 5. CTA CINEMATOGR\u00c1FICO --- *\/\n  .ns-cine-cta-block { position: relative; padding: 120px 0; text-align: center; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.05); }\n  .ns-cta-bg-image { position: absolute; inset: 0; background-image: url('https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?q=80&w=2000&auto=format&fit=crop'); background-size: cover; background-position: center; background-attachment: fixed; filter: sepia(100%) hue-rotate(180deg) saturate(200%) brightness(0.3); z-index: 0; }\n  .ns-cta-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, #030712 0%, rgba(3, 7, 18, 0.6) 50%, #030712 100%); z-index: 1; }\n  .ns-cta-content { position: relative; z-index: 10; max-width: 800px; margin: 0 auto; }\n  .ns-cta-title { font-size: 48px; font-weight: 800; line-height: 1.2; color: #ffffff; margin-bottom: 24px; }\n  .ns-cta-desc { font-size: 20px; color: #cbd5e1; margin-bottom: 40px; }\n\n  \/* Animaciones *\/\n  @keyframes nsFadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }\n  .ns-fade-in-up { opacity: 0; animation: nsFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }\n  .ns-delay-1 { animation-delay: 0.1s; }\n  .ns-delay-2 { animation-delay: 0.2s; }\n  .ns-delay-3 { animation-delay: 0.3s; }\n  \n  \/* --- FONDOS Y RELLENOS PARA LA SECCI\u00d3N 3 --- *\/\n  \n  \/* 1. Fondo general Parallax (Llena el lado derecho detr\u00e1s de las tarjetas) *\/\n  .ns-metodologia-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1526374965328-7f61d4dc18c5?q=80&w=2000&auto=format&fit=crop'); \n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed; \n    opacity: 0.18; \/* SUBIDO: de 0.08 a 0.18 *\/\n    filter: blur(2px); \/* REDUCIDO: para que se note m\u00e1s la textura de c\u00f3digo *\/\n    z-index: 0;\n    pointer-events: none;\n    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);\n  }\n\n  \/* 2. Imagen hologr\u00e1fica para llenar el hueco izquierdo debajo del texto *\/\n  .ns-sticky-visual {\n    position: relative;\n    margin-top: 60px;\n    height: 350px;\n    width: 100%;\n    display: none; \n  }\n  @media (min-width: 1024px) {\n    .ns-sticky-visual { display: block; }\n  }\n  \n  .ns-visual-glow {\n    position: absolute;\n    top: 50%; left: 50%; transform: translate(-50%, -50%);\n    width: 300px; height: 300px; \/* Un poco m\u00e1s grande *\/\n    background: radial-gradient(circle, rgba(14, 165, 233, 0.35) 0%, transparent 70%); \/* SUBIDO: luz m\u00e1s intensa *\/\n    border-radius: 50%;\n    filter: blur(25px);\n  }\n  \n  .ns-visual-image {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/images.unsplash.com\/photo-1558494949-ef010cbdcc31?q=80&w=800&auto=format&fit=crop'); \n    background-size: cover;\n    background-position: center;\n    opacity: 0.6; \/* SUBIDO: de 0.3 a 0.6 *\/\n    border-radius: 24px;\n    filter: sepia(100%) hue-rotate(190deg) saturate(200%) brightness(0.7); \/* SUBIDO: m\u00e1s brillo y sin blur *\/\n    mask-image: linear-gradient(to bottom, transparent 0%, black 40%, transparent 100%);\n    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%, transparent 100%);\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75ac22a7 e-flex e-con-boxed sc_layouts_column_icons_position_left e-con e-child\" data-id=\"75ac22a7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-animation-type=\"block\" class=\"elementor-element elementor-element-42abce21 e-con-full e-flex sc_layouts_column_icons_position_left animation_type_block elementor-invisible e-con e-child\" data-id=\"42abce21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;ta_fadeinup&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-613bcfe6 elementor-widget__width-initial sc_fly_static elementor-widget elementor-widget-heading\" data-id=\"613bcfe6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Questions? Let's talk.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3bef3dd7 sc_fly_static elementor-widget elementor-widget-metform\" data-id=\"3bef3dd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-26\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\"   mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"26\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-3bef3dd7-26\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"26\"\r\n\t\t\tdata-action=\"https:\/\/nordsterntech.com\/en\/wp-json\/metform\/v1\/entries\/insert\/26\"\r\n\t\t\tdata-wp-nonce=\"a1f40d71a9\"\r\n\t\t\tdata-form-nonce=\"09d86bb46b\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"general-form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\tdata-payment-submit-before=\"0\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t<!----------------------------- \r\n\t\t\t* controls_data : find the the props passed indie of data attribute\r\n\t\t\t* props.SubmitResponseMarkup : contains the markup of error or success message\r\n\t\t\t* https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Template_literals\r\n\t\t--------------------------- -->\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-26\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ?  props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' :  message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t<!--------------------------------------------------------\r\n\t\t\t\t\t*** IMPORTANT \/ DANGEROUS ***\r\n\t\t\t\t\t${html``} must be used as in immediate child of \"metform-form-main-wrapper\"\r\n\t\t\t\t\tclass otherwise multistep form will not run at all\r\n\t\t\t\t\t---------------------------------------------------------->\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-post\" key=\"2\" data-elementor-id=\"26\" className=\"elementor elementor-26\" data-elementor-post-type=\"metform-form\">\n\t\t\t\t<div className=\"elementor-element elementor-element-77538d9 e-con-full e-flex sc_layouts_column_icons_position_left e-con e-parent\" data-id=\"77538d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div className=\"elementor-element elementor-element-32bce62 e-con-full e-flex sc_layouts_column_icons_position_left e-con e-child\" data-id=\"32bce62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-1d8d3ab elementor-widget__width-initial sc_fly_static elementor-widget elementor-widget-mf-text\" data-id=\"1d8d3ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-name&quot;}\" data-widget_type=\"mf-text.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-1d8d3ab\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Name`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input\r\n\t\t\t\ttype=\"text\"\r\n\t\t\t\tclassName=\"mf-input \"\r\n\t\t\t\tid=\"mf-input-text-1d8d3ab\"\r\n\t\t\t\tname=\"mf-name\"\r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Name`) } \"\r\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\r\n\t\t\t\t\tonBlur=${parent.handleChange}\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-name'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${el =>{\r\n\t\t\t\t\t\t\t\t\t\t\t\tparent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)\r\n\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-name\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-950a517 elementor-widget__width-initial sc_fly_static elementor-widget elementor-widget-mf-email\" data-id=\"950a517\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-email&quot;}\" data-widget_type=\"mf-email.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-email-950a517\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Email`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<input \r\n\t\t\t\ttype=\"email\" \r\n\t\t\t\t \r\n\t\t\t\tdefaultValue=\"\" \r\n\t\t\t\tclassName=\"mf-input \" \r\n\t\t\t\tid=\"mf-input-email-950a517\" \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`you@email.com`) } \" \r\n\t\t\t\t \r\n\t\t\t\tonBlur=${parent.handleChange} onFocus=${parent.handleChange} aria-invalid=${validation.errors['mf-email'] ? 'true' : 'false' } \r\n\t\t\t\tref=${el=> parent.activateValidation({\"message\":\"This field is required.\",\"emailMessage\":\"Please enter a valid Email address\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\/>\r\n\r\n\t\t\t\t\t\t<${validation.ErrorMessage} \r\n\t\t\t\terrors=${validation.errors} \r\n\t\t\t\tname=\"mf-email\" \r\n\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\/>\r\n\t\t\t\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-c03b649 sc_fly_static elementor-widget elementor-widget-mf-telephone\" data-id=\"c03b649\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-phone&quot;}\" data-widget_type=\"mf-telephone.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-telephone-c03b649\">\n\t\t\t\t\t${ parent.decodeEntities(`Phone`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\n\t\t\t\t<\/label>\n\t\t\t\n\t\t\t<input\n\t\t\t\ttype=\"tel\"\n\t\t\t\tclassName=\"mf-input \"\n\t\t\t\tid=\"mf-input-telephone-c03b649\" \n\t\t\t\tname=\"mf-phone\"\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Phone with country code (e.g. +1 972 885 6084)`) } \"\n\t\t\t\t\t\t\t\t\tonInput=${parent.handleChange}\n\t\t\t\t\taria-invalid=${validation.errors['mf-phone'] ? 'true' : 'false'}\n\t\t\t\t\tref=${el => parent.activateValidation({\"message\":\"Please include your phone number with the country code.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\n\t\t\t\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-phone\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-a87db1f e-con-full e-flex sc_layouts_column_icons_position_left e-con e-child\" data-id=\"a87db1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div className=\"elementor-element elementor-element-556e6a7 sc_fly_static elementor-widget elementor-widget-mf-textarea\" data-id=\"556e6a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-message&quot;}\" data-widget_type=\"mf-textarea.default\">\n\t\t\t\t\t\r\n\t\t<div className=\"mf-input-wrapper\">\r\n\t\t\t\t\t\t\t<label className=\"mf-input-label\" htmlFor=\"mf-input-text-area-556e6a7\">\r\n\t\t\t\t\t${ parent.decodeEntities(`Message`) } \t\t\t\t\t<span className=\"mf-input-required-indicator\">*<\/span>\r\n\t\t\t\t<\/label>\r\n\t\t\t\r\n\t\t\t<textarea className=\"mf-input mf-textarea \" id=\"mf-input-text-area-556e6a7\"\r\n\t\t\t\tname=\"mf-message\" \r\n\t\t\t\tplaceholder=\"${ parent.decodeEntities(`Tell us what you need: service, scope and timeline`) } \"\r\n\t\t\t\tcols=\"30\" rows=\"10\"\r\n\t\t\t\t\t\t\t\t\tonInput=${ parent.handleChange }\r\n\t\t\t\t\taria-invalid=${validation.errors['mf-message'] ? 'true' : 'false'}\r\n\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"Please tell us briefly what you need so we can help.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el)}\r\n\t\t\t\t\t\t\t\t><\/textarea>\r\n\r\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\r\n\t\t\t\t\terrors=${validation.errors}\r\n\t\t\t\t\tname=\"mf-message\"\r\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\r\n\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-8b598ae sc_fly_static elementor-widget elementor-widget-mf-gdpr-consent\" data-id=\"8b598ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;mf_input_name&quot;:&quot;mf-gdpr-consent&quot;}\" data-widget_type=\"mf-gdpr-consent.default\">\n\t\t\t\t\t\n\t\t<div className=\"mf-input-wrapper\">\n\t\t\t\n\t\t\t<div className=\"mf-checkbox multi-option-input-type\" id=\"mf-input-gdpr-8b598ae\">\n\t\t\t\t<div className=\"mf-checkbox-option\">\n\t\t\t\t\t<label>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\t\tclassName=\"mf-input mf-checkbox-input \"\n\t\t\t\t\t\t\tname=\"mf-gdpr-consent\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonInput=${ parent.handleOptin }\n\t\t\t\t\t\t\t\taria-invalid=${validation.errors['mf-gdpr-consent'] ? 'true' : 'false'}\n\t\t\t\t\t\t\t\tref=${ el => parent.activateValidation({\"message\":\"This field is required.\",\"minLength\":1,\"maxLength\":\"\",\"type\":\"none\",\"required\":true,\"expression\":\"null\"}, el) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\tI agree to have my data processed according to the <a href=\"#\">Privacy Policy<\/a>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<${validation.ErrorMessage}\n\t\t\t\t\terrors=${validation.errors}\n\t\t\t\t\tname=\"mf-gdpr-consent\"\n\t\t\t\t\tas=${html`<span className=\"mf-error-message\"><\/span>`}\n\t\t\t\t\t\/>\n\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div className=\"elementor-element elementor-element-298e31e sc_fly_static elementor-widget elementor-widget-mf-button\" data-id=\"298e31e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mf-button.default\">\n\t\t\t\t\t\t\t<div className=\"mf-btn-wraper \" data-mf-form-conditional-logic-requirement=\"\">\r\n\t\t\t\t\t\t\t<button type=\"submit\" className=\"metform-btn metform-submit-btn \" id=\"\">\r\n\t\t\t\t\t<span>${ parent.decodeEntities(`Send Message`) } <\/span>\r\n\t\t\t\t<\/button>\r\n\t\t\t        <\/div>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Strategy &#038; Exposure Management 360\u00b0 Attack Surface &#038; Risk Analysis What the Dark&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2624","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages\/2624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/comments?post=2624"}],"version-history":[{"count":16,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages\/2624\/revisions"}],"predecessor-version":[{"id":3160,"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/pages\/2624\/revisions\/3160"}],"wp:attachment":[{"href":"https:\/\/nordsterntech.com\/en\/wp-json\/wp\/v2\/media?parent=2624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}