{"id":1642,"date":"2021-09-16T18:09:28","date_gmt":"2021-09-16T18:09:28","guid":{"rendered":"https:\/\/the7.io\/consulting\/?page_id=1642"},"modified":"2026-09-16T11:37:10","modified_gmt":"2026-09-16T11:37:10","slug":"about-us","status":"publish","type":"page","link":"https:\/\/dtuiif.co.in\/?page_id=1642","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1642\" class=\"elementor elementor-1642\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f4a2ae e-con-full e-flex e-con e-parent\" data-id=\"9f4a2ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da2d725 elementor-widget elementor-widget-html\" data-id=\"da2d725\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"dtuiif-about\">\n\n  <!-- =========================================\n       HERO \/ INTRO\n  ========================================== -->\n\n  <div class=\"dtuiif-about-hero\">\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-hero-grid\">\n\n        <div class=\"dtuiif-hero-content\">\n\n          <div class=\"dtuiif-eyebrow\">\n            <span class=\"dtuiif-eyebrow-line\"><\/span>\n            DTU INNOVATION & INCUBATION FOUNDATION\n          <\/div>\n\n          <h1>\n            Where ideas\n            <span>become impact.<\/span>\n          <\/h1>\n\n          <p class=\"dtuiif-hero-description\">\n            DTU-IIF is an innovation and incubation ecosystem built to help\n            ambitious ideas move from concept to venture through mentorship,\n            infrastructure, collaboration and entrepreneurial support.\n          <\/p>\n\n          <div class=\"dtuiif-hero-actions\">\n\n            <a href=\"#dtuiif-ecosystem\" class=\"dtuiif-primary-btn\">\n              Explore Our Ecosystem\n              <span>\u2197<\/span>\n            <\/a>\n\n            <a href=\"#dtuiif-journey\" class=\"dtuiif-text-btn\">\n              Our Journey\n              <span>\u2193<\/span>\n            <\/a>\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- VISUAL -->\n\n        <div class=\"dtuiif-hero-visual\">\n\n          <div class=\"dtuiif-orbit orbit-one\"><\/div>\n          <div class=\"dtuiif-orbit orbit-two\"><\/div>\n\n          <div class=\"dtuiif-blue-shape\"><\/div>\n\n          <div class=\"dtuiif-hero-image\">\n            <img decoding=\"async\"\n              data-src=\"https:\/\/dtuiif.co.in\/wp-content\/uploads\/elementor\/thumbs\/WhatsApp-Image-2023-11-10-at-2.20.27-PM-qphgcys5e8w36dw3cti50w3qh4cg2yikgdmiqb16w8.jpeg\"\n              alt=\"DTU IIF community and innovation ecosystem\"\n             src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/900;\">\n          <\/div>\n\n          <div class=\"dtuiif-floating-card\">\n\n            <span class=\"dtuiif-floating-icon\">\u2726<\/span>\n\n            <div>\n              <strong>Innovation<\/strong>\n              <small>Driven by purpose<\/small>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"dtuiif-gold-dot\"><\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================================\n       IMPACT STRIP\n  ========================================== -->\n\n  <div class=\"dtuiif-impact\">\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-impact-grid\">\n\n        <div class=\"dtuiif-impact-intro\">\n\n          <span>OUR IMPACT<\/span>\n\n          <h2>\n            Turning ambition<br>\n            into <strong>action.<\/strong>\n          <\/h2>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-impact-stat\">\n\n          <div class=\"dtuiif-stat-number\">\n            <span class=\"dtuiif-counter\" data-target=\"2016\">0<\/span>\n          <\/div>\n\n          <div class=\"dtuiif-stat-label\">\n            ESTABLISHED\n          <\/div>\n\n          <p>\n            Building an environment for innovation and entrepreneurship.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-impact-stat\">\n\n          <div class=\"dtuiif-stat-number\">\n            <span class=\"dtuiif-counter\" data-target=\"100\">0<\/span>\n            <sup>+<\/sup>\n          <\/div>\n\n          <div class=\"dtuiif-stat-label\">\n            STARTUPS INCUBATED\n          <\/div>\n\n          <p>\n            Ideas, founders and ventures supported through the ecosystem.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-impact-stat\">\n\n          <div class=\"dtuiif-stat-number\">\n            <span>\u221e<\/span>\n          <\/div>\n\n          <div class=\"dtuiif-stat-label\">\n            POSSIBILITIES\n          <\/div>\n\n          <p>\n            A community where founders, mentors and innovators connect.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =========================================\n       WHO WE ARE\n  ========================================== -->\n\n  <section class=\"dtuiif-story\">\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-section-heading\">\n\n        <div class=\"dtuiif-eyebrow\">\n          <span class=\"dtuiif-eyebrow-line\"><\/span>\n          WHO WE ARE\n        <\/div>\n\n        <h2>\n          More than an incubator.\n          <span>A launchpad for possibility.<\/span>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"dtuiif-story-grid\">\n\n        <div class=\"dtuiif-story-copy\">\n\n          <p class=\"dtuiif-lead\">\n            Innovation rarely happens in isolation. It happens when\n            ambitious people find the right environment, the right\n            guidance and the right community.\n          <\/p>\n\n          <p>\n            At DTU-IIF, we bring together entrepreneurs, innovators,\n            mentors, institutions and industry to create an environment\n            where ideas can be challenged, refined and transformed into\n            meaningful ventures.\n          <\/p>\n\n          <p>\n            From the earliest stages of an idea to the journey of building\n            a scalable venture, our ecosystem is designed to help founders\n            navigate the complexities of entrepreneurship.\n          <\/p>\n\n          <div class=\"dtuiif-story-highlight\">\n\n            <span class=\"dtuiif-highlight-mark\">\u201c<\/span>\n\n            <div>\n              <strong>\n                Ideas are only the beginning.\n              <\/strong>\n\n              <p>\n                The right ecosystem helps them go further.\n              <\/p>\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-story-visual\">\n\n          <div class=\"dtuiif-story-image-large\">\n\n            <img decoding=\"async\"\n              data-src=\"https:\/\/dtuiif.co.in\/wp-content\/uploads\/elementor\/thumbs\/IMG_5636-scaled-qphgd3hccf2isfp9ldj9vcx1g1pa5g1850vy4ou814.jpg\"\n              alt=\"DTU IIF startup interaction\"\n             src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/900;\">\n\n          <\/div>\n\n          <div class=\"dtuiif-story-image-small\">\n\n            <img decoding=\"async\"\n              data-src=\"https:\/\/dtuiif.co.in\/wp-content\/uploads\/elementor\/thumbs\/WhatsApp-Image-2023-11-10-at-2.20.27-PM-qphgcys5e8w36dw3cti50w3qh4cg2yikgdmiqb16w8.jpeg\"\n              alt=\"DTU IIF innovation community\"\n             src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/900;\">\n\n          <\/div>\n\n          <div class=\"dtuiif-story-badge\">\n\n            <span>DTU<\/span>\n            <small>Innovation<br>ecosystem<\/small>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =========================================\n       ECOSYSTEM\n  ========================================== -->\n\n  <section class=\"dtuiif-ecosystem\" id=\"dtuiif-ecosystem\">\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-section-heading dtuiif-centered\">\n\n        <div class=\"dtuiif-eyebrow\">\n          <span class=\"dtuiif-eyebrow-line\"><\/span>\n          THE DTU-IIF ECOSYSTEM\n        <\/div>\n\n        <h2>\n          Everything founders need\n          <span>to move forward.<\/span>\n        <\/h2>\n\n        <p>\n          An interconnected ecosystem built around the journey of an\n          entrepreneur.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"dtuiif-ecosystem-grid\">\n\n\n        <div class=\"dtuiif-eco-card active\">\n\n          <div class=\"dtuiif-eco-number\">01<\/div>\n\n          <div class=\"dtuiif-eco-icon\">\n            \u2197\n          <\/div>\n\n          <h3>\n            Mentorship\n          <\/h3>\n\n          <p>\n            Access guidance, experience and perspective from mentors\n            and domain experts.\n          <\/p>\n\n          <span class=\"dtuiif-eco-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-eco-card\">\n\n          <div class=\"dtuiif-eco-number\">02<\/div>\n\n          <div class=\"dtuiif-eco-icon\">\n            \u25c7\n          <\/div>\n\n          <h3>\n            Incubation\n          <\/h3>\n\n          <p>\n            Structured support to help promising ideas develop into\n            sustainable ventures.\n          <\/p>\n\n          <span class=\"dtuiif-eco-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-eco-card\">\n\n          <div class=\"dtuiif-eco-number\">03<\/div>\n\n          <div class=\"dtuiif-eco-icon\">\n            \u25ce\n          <\/div>\n\n          <h3>\n            Collaboration\n          <\/h3>\n\n          <p>\n            Connect with founders, institutions, industry and a wider\n            innovation community.\n          <\/p>\n\n          <span class=\"dtuiif-eco-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-eco-card\">\n\n          <div class=\"dtuiif-eco-number\">04<\/div>\n\n          <div class=\"dtuiif-eco-icon\">\n            +\n          <\/div>\n\n          <h3>\n            Resources\n          <\/h3>\n\n          <p>\n            Build with access to infrastructure, knowledge and an\n            environment designed for experimentation.\n          <\/p>\n\n          <span class=\"dtuiif-eco-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-eco-card\">\n\n          <div class=\"dtuiif-eco-number\">05<\/div>\n\n          <div class=\"dtuiif-eco-icon\">\n            $\n          <\/div>\n\n          <h3>\n            Funding Support\n          <\/h3>\n\n          <p>\n            Navigate funding opportunities and connect innovation with\n            pathways for growth.\n          <\/p>\n\n          <span class=\"dtuiif-eco-arrow\">\u2192<\/span>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-eco-card\">\n\n          <div class=\"dtuiif-eco-number\">06<\/div>\n\n          <div class=\"dtuiif-eco-icon\">\n            \u2197\n          <\/div>\n\n          <h3>\n            Market Access\n          <\/h3>\n\n          <p>\n            Help promising ventures build connections and discover\n            opportunities beyond the incubation space.\n          <\/p>\n\n          <span class=\"dtuiif-eco-arrow\">\u2192<\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =========================================\n       JOURNEY\n  ========================================== -->\n\n  <section class=\"dtuiif-journey\" id=\"dtuiif-journey\">\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-journey-grid\">\n\n        <div class=\"dtuiif-journey-intro\">\n\n          <div class=\"dtuiif-eyebrow\">\n            <span class=\"dtuiif-eyebrow-line\"><\/span>\n            OUR JOURNEY\n          <\/div>\n\n          <h2>\n            From an idea\n            <span>to an ecosystem.<\/span>\n          <\/h2>\n\n          <p>\n            The journey of DTU-IIF reflects a continued commitment to\n            creating pathways for innovation and entrepreneurship.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"dtuiif-timeline\">\n\n          <div class=\"dtuiif-timeline-line\"><\/div>\n\n\n          <div class=\"dtuiif-timeline-item\">\n\n            <div class=\"dtuiif-timeline-dot\"><\/div>\n\n            <div class=\"dtuiif-timeline-year\">\n              2016\n            <\/div>\n\n            <div class=\"dtuiif-timeline-content\">\n\n              <h3>\n                The Beginning\n              <\/h3>\n\n              <p>\n                DTU-IIF begins its journey towards building an environment\n                dedicated to innovation and entrepreneurship.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"dtuiif-timeline-item\">\n\n            <div class=\"dtuiif-timeline-dot\"><\/div>\n\n            <div class=\"dtuiif-timeline-year\">\n              GROW\n            <\/div>\n\n            <div class=\"dtuiif-timeline-content\">\n\n              <h3>\n                Building the Ecosystem\n              <\/h3>\n\n              <p>\n                Entrepreneurs, mentors, innovators and institutions become\n                part of a growing collaborative ecosystem.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"dtuiif-timeline-item\">\n\n            <div class=\"dtuiif-timeline-dot\"><\/div>\n\n            <div class=\"dtuiif-timeline-year\">\n              SCALE\n            <\/div>\n\n            <div class=\"dtuiif-timeline-content\">\n\n              <h3>\n                Expanding Opportunities\n              <\/h3>\n\n              <p>\n                Incubation, mentorship, funding pathways and industry\n                connections strengthen the founder journey.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"dtuiif-timeline-item\">\n\n            <div class=\"dtuiif-timeline-dot gold\"><\/div>\n\n            <div class=\"dtuiif-timeline-year\">\n              NOW\n            <\/div>\n\n            <div class=\"dtuiif-timeline-content\">\n\n              <h3>\n                Shaping What Comes Next\n              <\/h3>\n\n              <p>\n                Continuing to connect ideas, people and opportunities\n                to create the next generation of ventures.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =========================================\n       COMMUNITY BAND\n  ========================================== -->\n\n  <section class=\"dtuiif-community\">\n\n    <div class=\"dtuiif-community-shape\"><\/div>\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-community-grid\">\n\n        <div>\n\n          <div class=\"dtuiif-eyebrow light\">\n            <span><\/span>\n            BUILT AROUND PEOPLE\n          <\/div>\n\n          <h2>\n            Ideas grow faster\n            <span>together.<\/span>\n          <\/h2>\n\n        <\/div>\n\n\n        <div>\n\n          <p>\n            Founders. Mentors. Researchers. Investors. Industry leaders.\n            Students. Innovators.\n          <\/p>\n\n          <p>\n            DTU-IIF brings diverse perspectives into the same ecosystem,\n            creating opportunities for meaningful collaboration and\n            entrepreneurial growth.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =========================================\n       FINAL CTA\n  ========================================== -->\n\n  <section class=\"dtuiif-about-cta\">\n\n    <div class=\"dtuiif-about-container\">\n\n      <div class=\"dtuiif-cta-box\">\n\n        <div class=\"dtuiif-cta-pattern\"><\/div>\n\n        <div class=\"dtuiif-cta-content\">\n\n          <div class=\"dtuiif-eyebrow\">\n            <span class=\"dtuiif-eyebrow-line\"><\/span>\n            YOUR IDEA COULD BE NEXT\n          <\/div>\n\n          <h2>\n            Have an idea?\n            <span>Let's build it.<\/span>\n          <\/h2>\n\n          <p>\n            Step into an ecosystem designed to help ambitious ideas\n            find direction, support and momentum.\n          <\/p>\n\n          <a href=\"#\" class=\"dtuiif-primary-btn\">\n            Explore Incubation\n            <span>\u2197<\/span>\n          <\/a>\n\n        <\/div>\n\n        <div class=\"dtuiif-cta-mark\">\n          <span><\/span>\n          <span><\/span>\n          <span><\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   DTU-IIF ABOUT PAGE\n   Completely namespaced for WordPress \/ Elementor\n===================================================== *\/\n\n.dtuiif-about {\n\n  --blue: #075B91;\n  --blue-dark: #063B61;\n  --blue-deep: #032C4A;\n\n  --gold: #F4B942;\n  --maroon: #7B241C;\n\n  --white: #FFFFFF;\n  --offwhite: #F7FAFC;\n\n  --text: #102333;\n  --muted: #6B7B88;\n\n  --border: #DFE7ED;\n\n  font-family:\n    Inter,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n\n  color: var(--text);\n\n  background: var(--white);\n\n  overflow: hidden;\n}\n\n\n.dtuiif-about *,\n.dtuiif-about *::before,\n.dtuiif-about *::after {\n  box-sizing: border-box;\n}\n\n\n.dtuiif-about-container {\n\n  width: min(1200px, calc(100% - 40px));\n\n  margin: 0 auto;\n\n}\n\n\n\/* =====================================================\n   TYPOGRAPHY\n===================================================== *\/\n\n.dtuiif-eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 2px;\n\n  color: var(--blue);\n\n  margin-bottom: 22px;\n\n}\n\n\n.dtuiif-eyebrow-line {\n\n  width: 32px;\n\n  height: 3px;\n\n  display: block;\n\n  background: var(--gold);\n\n}\n\n\n.dtuiif-section-heading h2 {\n\n  max-width: 800px;\n\n  margin: 0;\n\n  font-size: clamp(38px, 5vw, 64px);\n\n  line-height: 1.03;\n\n  letter-spacing: -3px;\n\n  color: var(--blue-deep);\n\n}\n\n\n.dtuiif-section-heading h2 span {\n\n  display: block;\n\n  color: var(--blue);\n\n}\n\n\n.dtuiif-section-heading p {\n\n  max-width: 600px;\n\n  margin: 22px auto 0;\n\n  color: var(--muted);\n\n  line-height: 1.7;\n\n}\n\n\n.dtuiif-centered {\n\n  text-align: center;\n\n}\n\n\n.dtuiif-centered .dtuiif-eyebrow {\n\n  justify-content: center;\n\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.dtuiif-about-hero {\n\n  position: relative;\n\n  padding: 105px 0 100px;\n\n  background:\n\n    radial-gradient(\n      circle at 90% 10%,\n      rgba(244,185,66,.13),\n      transparent 25%\n    ),\n\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f7fafc 100%\n    );\n\n}\n\n\n.dtuiif-hero-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.05fr)\n    minmax(400px, .95fr);\n\n  align-items: center;\n\n  gap: 80px;\n\n}\n\n\n.dtuiif-hero-content h1 {\n\n  max-width: 720px;\n\n  margin: 0;\n\n  font-size: clamp(52px, 7vw, 92px);\n\n  line-height: .92;\n\n  letter-spacing: -5px;\n\n  font-weight: 800;\n\n  color: var(--blue-deep);\n\n}\n\n\n.dtuiif-hero-content h1 span {\n\n  display: block;\n\n  color: var(--blue);\n\n}\n\n\n.dtuiif-hero-description {\n\n  max-width: 650px;\n\n  margin: 30px 0 35px;\n\n  color: var(--muted);\n\n  font-size: 17px;\n\n  line-height: 1.75;\n\n}\n\n\n.dtuiif-hero-actions {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 25px;\n\n}\n\n\n.dtuiif-primary-btn {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 14px;\n\n  padding: 15px 21px;\n\n  background: var(--blue);\n\n  color: white !important;\n\n  text-decoration: none !important;\n\n  border-radius: 5px;\n\n  font-size: 13px;\n\n  font-weight: 750;\n\n  transition: .3s ease;\n\n  box-shadow: 0 12px 30px rgba(7,91,145,.18);\n\n}\n\n\n.dtuiif-primary-btn span {\n\n  font-size: 17px;\n\n  transition: .3s ease;\n\n}\n\n\n.dtuiif-primary-btn:hover {\n\n  background: var(--blue-deep);\n\n  transform: translateY(-3px);\n\n}\n\n\n.dtuiif-primary-btn:hover span {\n\n  transform: translate(3px,-3px);\n\n}\n\n\n.dtuiif-text-btn {\n\n  display: inline-flex;\n\n  gap: 9px;\n\n  color: var(--blue-deep) !important;\n\n  text-decoration: none !important;\n\n  font-size: 13px;\n\n  font-weight: 750;\n\n}\n\n\n.dtuiif-text-btn span {\n\n  color: var(--gold);\n\n}\n\n\n\/* =====================================================\n   HERO VISUAL\n===================================================== *\/\n\n.dtuiif-hero-visual {\n\n  position: relative;\n\n  min-height: 530px;\n\n}\n\n\n.dtuiif-hero-image {\n\n  position: absolute;\n\n  right: 30px;\n\n  top: 35px;\n\n  width: 84%;\n\n  height: 430px;\n\n  border-radius: 180px 25px 25px 25px;\n\n  overflow: hidden;\n\n  z-index: 3;\n\n  box-shadow:\n    0 30px 70px rgba(3,44,74,.17);\n\n}\n\n\n.dtuiif-hero-image::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  inset: 0;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(3,44,74,.05),\n      rgba(7,91,145,.18)\n    );\n\n}\n\n\n.dtuiif-hero-image img {\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: cover;\n\n  display: block;\n\n}\n\n\n.dtuiif-blue-shape {\n\n  position: absolute;\n\n  width: 270px;\n\n  height: 270px;\n\n  right: -15px;\n\n  bottom: 10px;\n\n  background: var(--blue);\n\n  clip-path:\n    polygon(\n      50% 0%,\n      100% 27%,\n      76% 100%,\n      20% 80%,\n      0% 30%\n    );\n\n  z-index: 1;\n\n  opacity: .95;\n\n}\n\n\n.dtuiif-orbit {\n\n  position: absolute;\n\n  border: 1px solid rgba(7,91,145,.15);\n\n  border-radius: 50%;\n\n  z-index: 0;\n\n}\n\n\n.orbit-one {\n\n  width: 390px;\n\n  height: 390px;\n\n  right: -20px;\n\n  top: 30px;\n\n}\n\n\n.orbit-two {\n\n  width: 500px;\n\n  height: 500px;\n\n  right: -75px;\n\n  top: -25px;\n\n}\n\n\n.dtuiif-gold-dot {\n\n  position: absolute;\n\n  width: 70px;\n\n  height: 70px;\n\n  border-radius: 50%;\n\n  background: var(--gold);\n\n  left: 30px;\n\n  bottom: 25px;\n\n  z-index: 4;\n\n  box-shadow:\n    0 10px 30px rgba(244,185,66,.25);\n\n}\n\n\n.dtuiif-floating-card {\n\n  position: absolute;\n\n  left: -20px;\n\n  top: 115px;\n\n  z-index: 5;\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  padding: 13px 18px;\n\n  background: white;\n\n  border-radius: 7px;\n\n  box-shadow:\n    0 15px 40px rgba(3,44,74,.15);\n\n}\n\n\n.dtuiif-floating-icon {\n\n  width: 35px;\n\n  height: 35px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background: rgba(244,185,66,.18);\n\n  color: var(--gold);\n\n}\n\n\n.dtuiif-floating-card strong {\n\n  display: block;\n\n  font-size: 12px;\n\n  color: var(--blue-deep);\n\n}\n\n\n.dtuiif-floating-card small {\n\n  color: var(--muted);\n\n  font-size: 10px;\n\n}\n\n\n\/* =====================================================\n   IMPACT\n===================================================== *\/\n\n.dtuiif-impact {\n\n  background: var(--blue-deep);\n\n  color: white;\n\n  padding: 55px 0;\n\n}\n\n\n.dtuiif-impact-grid {\n\n  display: grid;\n\n  grid-template-columns: 1.15fr repeat(3, 1fr);\n\n}\n\n\n.dtuiif-impact-intro {\n\n  padding-right: 35px;\n\n}\n\n\n.dtuiif-impact-intro > span {\n\n  font-size: 10px;\n\n  letter-spacing: 2px;\n\n  font-weight: 800;\n\n  color: var(--gold);\n\n}\n\n\n.dtuiif-impact-intro h2 {\n\n  margin: 12px 0 0;\n\n  font-size: 32px;\n\n  line-height: 1.05;\n\n  letter-spacing: -1.5px;\n\n}\n\n\n.dtuiif-impact-intro h2 strong {\n\n  color: var(--gold);\n\n}\n\n\n.dtuiif-impact-stat {\n\n  padding: 0 28px;\n\n  border-left: 1px solid rgba(255,255,255,.15);\n\n}\n\n\n.dtuiif-stat-number {\n\n  font-size: 43px;\n\n  font-weight: 800;\n\n  line-height: 1;\n\n}\n\n\n.dtuiif-stat-number sup {\n\n  color: var(--gold);\n\n  font-size: 23px;\n\n}\n\n\n.dtuiif-stat-label {\n\n  margin-top: 9px;\n\n  font-size: 9px;\n\n  letter-spacing: 1.5px;\n\n  font-weight: 800;\n\n  color: rgba(255,255,255,.55);\n\n}\n\n\n.dtuiif-impact-stat p {\n\n  margin: 10px 0 0;\n\n  font-size: 12px;\n\n  line-height: 1.6;\n\n  color: rgba(255,255,255,.6);\n\n}\n\n\n\/* =====================================================\n   STORY\n===================================================== *\/\n\n.dtuiif-story {\n\n  padding: 115px 0;\n\n}\n\n\n.dtuiif-story-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    .9fr\n    1.1fr;\n\n  gap: 90px;\n\n  align-items: center;\n\n  margin-top: 70px;\n\n}\n\n\n.dtuiif-story-copy > p {\n\n  color: var(--muted);\n\n  font-size: 15px;\n\n  line-height: 1.8;\n\n  margin: 0 0 18px;\n\n}\n\n\n.dtuiif-story-copy .dtuiif-lead {\n\n  color: var(--blue-deep);\n\n  font-size: 22px;\n\n  line-height: 1.45;\n\n  font-weight: 550;\n\n}\n\n\n.dtuiif-story-highlight {\n\n  display: flex;\n\n  gap: 15px;\n\n  margin-top: 35px;\n\n  padding: 25px;\n\n  border-left: 3px solid var(--gold);\n\n  background: #f8fafc;\n\n}\n\n\n.dtuiif-highlight-mark {\n\n  font-size: 45px;\n\n  line-height: .8;\n\n  color: var(--gold);\n\n}\n\n\n.dtuiif-story-highlight strong {\n\n  color: var(--blue-deep);\n\n  font-size: 15px;\n\n}\n\n\n.dtuiif-story-highlight p {\n\n  margin: 4px 0 0;\n\n  font-size: 12px;\n\n  color: var(--muted);\n\n}\n\n\n\/* =====================================================\n   STORY VISUAL\n===================================================== *\/\n\n.dtuiif-story-visual {\n\n  position: relative;\n\n  min-height: 550px;\n\n}\n\n\n.dtuiif-story-image-large {\n\n  width: 76%;\n\n  height: 440px;\n\n  margin-left: auto;\n\n  border-radius: 20px;\n\n  overflow: hidden;\n\n  box-shadow:\n    0 25px 60px rgba(3,44,74,.13);\n\n}\n\n\n.dtuiif-story-image-large img,\n.dtuiif-story-image-small img {\n\n  width: 100%;\n\n  height: 100%;\n\n  object-fit: cover;\n\n}\n\n\n.dtuiif-story-image-small {\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: 10px;\n\n  width: 47%;\n\n  height: 235px;\n\n  padding: 7px;\n\n  background: white;\n\n  border-radius: 18px;\n\n  box-shadow:\n    0 20px 50px rgba(3,44,74,.17);\n\n}\n\n\n.dtuiif-story-image-small img {\n\n  border-radius: 12px;\n\n}\n\n\n.dtuiif-story-badge {\n\n  position: absolute;\n\n  right: 0;\n\n  top: 35px;\n\n  padding: 16px 20px;\n\n  background: var(--gold);\n\n  color: var(--blue-deep);\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n}\n\n\n.dtuiif-story-badge span {\n\n  font-size: 22px;\n\n  font-weight: 900;\n\n}\n\n\n.dtuiif-story-badge small {\n\n  font-size: 9px;\n\n  line-height: 1.3;\n\n  text-transform: uppercase;\n\n  letter-spacing: 1px;\n\n  font-weight: 800;\n\n}\n\n\n\/* =====================================================\n   ECOSYSTEM\n===================================================== *\/\n\n.dtuiif-ecosystem {\n\n  padding: 110px 0;\n\n  background: var(--offwhite);\n\n}\n\n\n.dtuiif-ecosystem-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, 1fr);\n\n  gap: 16px;\n\n  margin-top: 65px;\n\n}\n\n\n.dtuiif-eco-card {\n\n  position: relative;\n\n  min-height: 270px;\n\n  padding: 28px;\n\n  background: white;\n\n  border: 1px solid var(--border);\n\n  overflow: hidden;\n\n  transition: .35s ease;\n\n}\n\n\n.dtuiif-eco-card::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n\n  bottom: 0;\n\n  width: 0;\n\n  height: 4px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--blue),\n      var(--gold)\n    );\n\n  transition: .35s ease;\n\n}\n\n\n.dtuiif-eco-card:hover {\n\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 20px 45px rgba(3,44,74,.10);\n\n}\n\n\n.dtuiif-eco-card:hover::after {\n\n  width: 100%;\n\n}\n\n\n.dtuiif-eco-card.active {\n\n  background: var(--blue);\n\n  color: white;\n\n}\n\n\n.dtuiif-eco-number {\n\n  font-size: 10px;\n\n  font-weight: 800;\n\n  color: #a3b0b9;\n\n}\n\n\n.dtuiif-eco-card.active\n.dtuiif-eco-number {\n\n  color: rgba(255,255,255,.55);\n\n}\n\n\n.dtuiif-eco-icon {\n\n  width: 48px;\n\n  height: 48px;\n\n  display: grid;\n\n  place-items: center;\n\n  margin: 35px 0 18px;\n\n  border-radius: 50%;\n\n  background: rgba(7,91,145,.08);\n\n  color: var(--blue);\n\n  font-size: 21px;\n\n}\n\n\n.dtuiif-eco-card.active\n.dtuiif-eco-icon {\n\n  background: rgba(255,255,255,.14);\n\n  color: var(--gold);\n\n}\n\n\n.dtuiif-eco-card h3 {\n\n  margin: 0 0 10px;\n\n  font-size: 19px;\n\n  color: var(--blue-deep);\n\n}\n\n\n.dtuiif-eco-card.active h3 {\n\n  color: white;\n\n}\n\n\n.dtuiif-eco-card p {\n\n  margin: 0;\n\n  max-width: 280px;\n\n  font-size: 12px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n}\n\n\n.dtuiif-eco-card.active p {\n\n  color: rgba(255,255,255,.7);\n\n}\n\n\n.dtuiif-eco-arrow {\n\n  position: absolute;\n\n  right: 25px;\n\n  bottom: 22px;\n\n  color: var(--gold);\n\n  font-size: 20px;\n\n}\n\n\n\/* =====================================================\n   JOURNEY\n===================================================== *\/\n\n.dtuiif-journey {\n\n  padding: 120px 0;\n\n}\n\n\n.dtuiif-journey-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    .8fr\n    1.2fr;\n\n  gap: 100px;\n\n}\n\n\n.dtuiif-journey-intro h2 {\n\n  margin: 0;\n\n  font-size: clamp(38px, 5vw, 60px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n\n  color: var(--blue-deep);\n\n}\n\n\n.dtuiif-journey-intro h2 span {\n\n  display: block;\n\n  color: var(--blue);\n\n}\n\n\n.dtuiif-journey-intro p {\n\n  margin-top: 25px;\n\n  max-width: 400px;\n\n  color: var(--muted);\n\n  line-height: 1.7;\n\n}\n\n\n\/* TIMELINE *\/\n\n.dtuiif-timeline {\n\n  position: relative;\n\n}\n\n\n.dtuiif-timeline-line {\n\n  position: absolute;\n\n  left: 8px;\n\n  top: 10px;\n\n  bottom: 20px;\n\n  width: 1px;\n\n  background: var(--border);\n\n}\n\n\n.dtuiif-timeline-item {\n\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    70px 1fr;\n\n  column-gap: 25px;\n\n  padding-bottom: 50px;\n\n}\n\n\n.dtuiif-timeline-dot {\n\n  position: absolute;\n\n  left: 2px;\n\n  top: 4px;\n\n  width: 13px;\n\n  height: 13px;\n\n  border-radius: 50%;\n\n  background: var(--blue);\n\n  border: 3px solid white;\n\n  box-shadow:\n    0 0 0 1px var(--blue);\n\n}\n\n\n.dtuiif-timeline-dot.gold {\n\n  background: var(--gold);\n\n  box-shadow:\n    0 0 0 1px var(--gold);\n\n}\n\n\n.dtuiif-timeline-year {\n\n  padding-left: 35px;\n\n  font-size: 11px;\n\n  font-weight: 850;\n\n  color: var(--blue);\n\n  letter-spacing: 1px;\n\n}\n\n\n.dtuiif-timeline-content h3 {\n\n  margin: 0 0 8px;\n\n  font-size: 21px;\n\n  color: var(--blue-deep);\n\n}\n\n\n.dtuiif-timeline-content p {\n\n  margin: 0;\n\n  max-width: 500px;\n\n  font-size: 13px;\n\n  line-height: 1.7;\n\n  color: var(--muted);\n\n}\n\n\n\/* =====================================================\n   COMMUNITY\n===================================================== *\/\n\n.dtuiif-community {\n\n  position: relative;\n\n  padding: 90px 0;\n\n  background: var(--blue);\n\n  color: white;\n\n  overflow: hidden;\n\n}\n\n\n.dtuiif-community-shape {\n\n  position: absolute;\n\n  right: -100px;\n\n  top: -150px;\n\n  width: 450px;\n\n  height: 450px;\n\n  border: 1px solid rgba(255,255,255,.12);\n\n  border-radius: 50%;\n\n}\n\n\n.dtuiif-community-grid {\n\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 80px;\n\n  align-items: center;\n\n  z-index: 2;\n\n}\n\n\n.dtuiif-eyebrow.light {\n\n  color: rgba(255,255,255,.6);\n\n}\n\n\n.dtuiif-community h2 {\n\n  margin: 0;\n\n  max-width: 500px;\n\n  font-size: clamp(40px, 5vw, 64px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n}\n\n\n.dtuiif-community h2 span {\n\n  color: var(--gold);\n\n  display: block;\n\n}\n\n\n.dtuiif-community-grid > div:last-child {\n\n  border-left: 1px solid rgba(255,255,255,.2);\n\n  padding-left: 45px;\n\n}\n\n\n.dtuiif-community-grid p {\n\n  max-width: 500px;\n\n  color: rgba(255,255,255,.68);\n\n  line-height: 1.8;\n\n  font-size: 14px;\n\n}\n\n\n\/* =====================================================\n   CTA\n===================================================== *\/\n\n.dtuiif-about-cta {\n\n  padding: 90px 0 110px;\n\n  background: var(--offwhite);\n\n}\n\n\n.dtuiif-cta-box {\n\n  position: relative;\n\n  min-height: 360px;\n\n  display: flex;\n\n  align-items: center;\n\n  padding: 70px;\n\n  overflow: hidden;\n\n  background: var(--blue-deep);\n\n  border-radius: 5px;\n\n}\n\n\n.dtuiif-cta-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 650px;\n\n}\n\n\n.dtuiif-cta-content h2 {\n\n  margin: 0;\n\n  font-size: clamp(42px, 5vw, 67px);\n\n  line-height: .98;\n\n  letter-spacing: -3px;\n\n  color: white;\n\n}\n\n\n.dtuiif-cta-content h2 span {\n\n  display: block;\n\n  color: var(--gold);\n\n}\n\n\n.dtuiif-cta-content p {\n\n  max-width: 530px;\n\n  margin: 20px 0 28px;\n\n  color: rgba(255,255,255,.65);\n\n  line-height: 1.7;\n\n  font-size: 14px;\n\n}\n\n\n.dtuiif-cta-pattern {\n\n  position: absolute;\n\n  right: -120px;\n\n  top: -120px;\n\n  width: 500px;\n\n  height: 500px;\n\n  border-radius: 50%;\n\n  border: 80px solid rgba(7,91,145,.35);\n\n}\n\n\n.dtuiif-cta-mark {\n\n  position: absolute;\n\n  right: 70px;\n\n  bottom: 55px;\n\n  display: flex;\n\n  gap: 9px;\n\n}\n\n\n.dtuiif-cta-mark span {\n\n  width: 12px;\n\n  height: 60px;\n\n  display: block;\n\n  background: var(--gold);\n\n  transform: skewY(-30deg);\n\n}\n\n\n.dtuiif-cta-mark span:nth-child(2) {\n\n  height: 90px;\n\n  background: white;\n\n}\n\n\n.dtuiif-cta-mark span:nth-child(3) {\n\n  height: 45px;\n\n  background: var(--gold);\n\n}\n\n\n\/* =====================================================\n   RESPONSIVE\n===================================================== *\/\n\n@media (max-width: 1050px) {\n\n  .dtuiif-hero-grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 50px;\n\n  }\n\n  .dtuiif-hero-content {\n\n    max-width: 800px;\n\n  }\n\n  .dtuiif-hero-visual {\n\n    max-width: 650px;\n\n    width: 100%;\n\n    margin: auto;\n\n  }\n\n  .dtuiif-impact-grid {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    row-gap: 35px;\n\n  }\n\n  .dtuiif-impact-intro {\n\n    grid-column: span 2;\n\n  }\n\n  .dtuiif-story-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .dtuiif-story-copy {\n\n    max-width: 750px;\n\n  }\n\n  .dtuiif-journey-grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 60px;\n\n  }\n\n}\n\n\n@media (max-width: 800px) {\n\n  .dtuiif-about-hero {\n\n    padding: 70px 0 70px;\n\n  }\n\n  .dtuiif-hero-content h1 {\n\n    letter-spacing: -3px;\n\n  }\n\n  .dtuiif-hero-visual {\n\n    min-height: 430px;\n\n  }\n\n  .dtuiif-hero-image {\n\n    height: 350px;\n\n  }\n\n  .dtuiif-ecosystem-grid {\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n  }\n\n  .dtuiif-community-grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n\n  }\n\n  .dtuiif-community-grid > div:last-child {\n\n    border-left: 0;\n\n    border-top: 1px solid rgba(255,255,255,.2);\n\n    padding-left: 0;\n\n    padding-top: 30px;\n\n  }\n\n  .dtuiif-cta-box {\n\n    padding: 50px 35px;\n\n  }\n\n}\n\n\n@media (max-width: 600px) {\n\n  .dtuiif-about-container {\n\n    width: min(100% - 30px, 1200px);\n\n  }\n\n  .dtuiif-about-hero {\n\n    padding-top: 55px;\n\n  }\n\n  .dtuiif-hero-content h1 {\n\n    font-size: 51px;\n\n    letter-spacing: -3px;\n\n  }\n\n  .dtuiif-hero-description {\n\n    font-size: 15px;\n\n  }\n\n  .dtuiif-hero-actions {\n\n    align-items: flex-start;\n\n    flex-direction: column;\n\n    gap: 18px;\n\n  }\n\n  .dtuiif-hero-visual {\n\n    min-height: 350px;\n\n  }\n\n  .dtuiif-hero-image {\n\n    right: 10px;\n\n    width: 86%;\n\n    height: 300px;\n\n  }\n\n  .dtuiif-floating-card {\n\n    left: 0;\n\n    top: 80px;\n\n  }\n\n  .dtuiif-blue-shape {\n\n    width: 190px;\n\n    height: 190px;\n\n  }\n\n  .dtuiif-gold-dot {\n\n    width: 48px;\n\n    height: 48px;\n\n  }\n\n  .dtuiif-impact {\n\n    padding: 45px 0;\n\n  }\n\n  .dtuiif-impact-grid {\n\n    grid-template-columns: 1fr;\n\n  }\n\n  .dtuiif-impact-intro {\n\n    grid-column: auto;\n\n  }\n\n  .dtuiif-impact-stat {\n\n    border-left: 0;\n\n    border-top: 1px solid rgba(255,255,255,.15);\n\n    padding: 25px 0 0;\n\n  }\n\n  .dtuiif-story,\n  .dtuiif-ecosystem,\n  .dtuiif-journey {\n\n    padding: 75px 0;\n\n  }\n\n  .dtuiif-section-heading h2,\n  .dtuiif-journey-intro h2 {\n\n    font-size: 40px;\n\n    letter-spacing: -2px;\n\n  }\n\n  .dtuiif-story-grid {\n\n    margin-top: 45px;\n\n  }\n\n  .dtuiif-story-visual {\n\n    min-height: 400px;\n\n  }\n\n  .dtuiif-story-image-large {\n\n    height: 330px;\n\n    width: 80%;\n\n  }\n\n  .dtuiif-story-image-small {\n\n    height: 175px;\n\n    width: 52%;\n\n  }\n\n  .dtuiif-ecosystem-grid {\n\n    grid-template-columns: 1fr;\n\n    margin-top: 45px;\n\n  }\n\n  .dtuiif-eco-card {\n\n    min-height: 235px;\n\n  }\n\n  .dtuiif-community {\n\n    padding: 70px 0;\n\n  }\n\n  .dtuiif-community h2 {\n\n    font-size: 44px;\n\n  }\n\n  .dtuiif-about-cta {\n\n    padding: 60px 0 70px;\n\n  }\n\n  .dtuiif-cta-box {\n\n    min-height: 400px;\n\n    padding: 40px 25px;\n\n  }\n\n  .dtuiif-cta-content h2 {\n\n    font-size: 45px;\n\n  }\n\n  .dtuiif-cta-mark {\n\n    right: 25px;\n\n    bottom: 25px;\n\n  }\n\n}\n\n\n\/* =====================================================\n   SIMPLE REVEAL ANIMATION\n===================================================== *\/\n\n@media (prefers-reduced-motion: no-preference) {\n\n  .dtuiif-about .dtuiif-eco-card {\n\n    animation:\n      dtuiif-fade-up .7s ease both;\n\n  }\n\n  .dtuiif-about .dtuiif-eco-card:nth-child(2) {\n    animation-delay: .08s;\n  }\n\n  .dtuiif-about .dtuiif-eco-card:nth-child(3) {\n    animation-delay: .16s;\n  }\n\n  .dtuiif-about .dtuiif-eco-card:nth-child(4) {\n    animation-delay: .24s;\n  }\n\n  .dtuiif-about .dtuiif-eco-card:nth-child(5) {\n    animation-delay: .32s;\n  }\n\n  .dtuiif-about .dtuiif-eco-card:nth-child(6) {\n    animation-delay: .40s;\n  }\n\n}\n\n\n@keyframes dtuiif-fade-up {\n\n  from {\n\n    opacity: 0;\n\n    transform: translateY(15px);\n\n  }\n\n  to {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const root =\n    document.querySelector(\".dtuiif-about\");\n\n  if (!root) return;\n\n\n  \/*\n   * Animated counters\n   *\/\n\n  const counters =\n    root.querySelectorAll(\".dtuiif-counter\");\n\n\n  function animateCounter(counter) {\n\n    const target =\n      parseInt(counter.dataset.target, 10);\n\n    if (isNaN(target)) return;\n\n    const duration = 1400;\n\n    const startTime = performance.now();\n\n\n    function update(currentTime) {\n\n      const progress =\n        Math.min(\n          (currentTime - startTime) \/ duration,\n          1\n        );\n\n\n      \/*\n       * Ease-out\n       *\/\n\n      const eased =\n        1 - Math.pow(1 - progress, 3);\n\n\n      counter.textContent =\n        Math.floor(target * eased)\n          .toLocaleString();\n\n\n      if (progress < 1) {\n\n        requestAnimationFrame(update);\n\n      } else {\n\n        counter.textContent =\n          target.toLocaleString();\n\n      }\n\n    }\n\n\n    requestAnimationFrame(update);\n\n  }\n\n\n  \/*\n   * Trigger counters when\n   * impact section enters viewport.\n   *\/\n\n  const impact =\n    root.querySelector(\".dtuiif-impact\");\n\n\n  if (\"IntersectionObserver\" in window && impact) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(function (entry) {\n\n            if (entry.isIntersecting) {\n\n              counters.forEach(animateCounter);\n\n              observer.disconnect();\n\n            }\n\n          });\n\n        },\n        {\n          threshold: .25\n        }\n      );\n\n\n    observer.observe(impact);\n\n  } else {\n\n    counters.forEach(animateCounter);\n\n  }\n\n\n  \/*\n   * Ecosystem interaction\n   *\/\n\n  const ecoCards =\n    root.querySelectorAll(\".dtuiif-eco-card\");\n\n\n  ecoCards.forEach(function (card) {\n\n    card.addEventListener(\n      \"mouseenter\",\n      function () {\n\n        ecoCards.forEach(function (item) {\n\n          if (item !== card) {\n\n            item.style.opacity = \".68\";\n\n          }\n\n        });\n\n      }\n    );\n\n\n    card.addEventListener(\n      \"mouseleave\",\n      function () {\n\n        ecoCards.forEach(function (item) {\n\n          item.style.opacity = \"1\";\n\n        });\n\n      }\n    );\n\n  });\n\n\n  \/*\n   * Smooth internal navigation\n   *\/\n\n  root.querySelectorAll(\n    'a[href^=\"#\"]'\n  ).forEach(function (link) {\n\n    link.addEventListener(\n      \"click\",\n      function (event) {\n\n        const target =\n          document.querySelector(\n            this.getAttribute(\"href\")\n          );\n\n\n        if (target) {\n\n          event.preventDefault();\n\n          target.scrollIntoView({\n            behavior: \"smooth\",\n            block: \"start\"\n          });\n\n        }\n\n      }\n    );\n\n  });\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c06621 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c06621\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b9d7cfd\" data-id=\"b9d7cfd\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eab2223 elementor-widget elementor-widget-html\" data-id=\"eab2223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"incubator-section\" id=\"incubator-competence\">\n  <div class=\"incubator-wrapper\">\n    <!-- Top: Intro + Experience bars -->\n    <div class=\"incubator-grid\">\n      <div class=\"incubator-intro\">\n        <p class=\"incubator-eyebrow\">High level of competence<\/p>\n        <h2 class=\"incubator-title\">\n          We give everything it takes for a startup to grow\n        <\/h2>\n        <p class=\"incubator-text\">\n          Empower your entrepreneurial vision with DTU-IIF, dedicated to supporting fearless innovators crafting disruptive solutions.\n          We stand by startups during their critical early stages, offering vital support in a landscape where assistance is scarce.\n          Trust us to be your reliable partner, providing the crucial backing your venture deserves for success.\n        <\/p>\n      <\/div>\n\n      <div class=\"incubator-stats\">\n        <div class=\"incubator-stat\">\n          <div class=\"stat-header\">\n            <span class=\"stat-label\">Incubation<\/span>\n            <span class=\"stat-value\">3 years<\/span>\n          <\/div>\n          <div class=\"stat-bar\">\n            <div class=\"stat-bar-fill\" style=\"--value: 35%\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"incubator-stat\">\n          <div class=\"stat-header\">\n            <span class=\"stat-label\">Insights<\/span>\n            <span class=\"stat-value\">5 years<\/span>\n          <\/div>\n          <div class=\"stat-bar\">\n            <div class=\"stat-bar-fill\" style=\"--value: 55%\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"incubator-stat\">\n          <div class=\"stat-header\">\n            <span class=\"stat-label\">Acceleration<\/span>\n            <span class=\"stat-value\">10 years<\/span>\n          <\/div>\n          <div class=\"stat-bar\">\n            <div class=\"stat-bar-fill\" style=\"--value: 80%\"><\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"incubator-stat\">\n          <div class=\"stat-header\">\n            <span class=\"stat-label\">Capital<\/span>\n            <span class=\"stat-value\">12 years<\/span>\n          <\/div>\n          <div class=\"stat-bar\">\n            <div class=\"stat-bar-fill\" style=\"--value: 95%\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Middle: Feature cards -->\n    <div class=\"incubator-features\">\n      <article class=\"feature-card\">\n        <div class=\"feature-icon\">\u2605<\/div>\n        <h3 class=\"feature-title\">Comprehensive Mentorship Programs<\/h3>\n        <p class=\"feature-text\">\n          Access an extensive network of experienced mentors and industry experts. Personalized guidance and mentorship\n          programs help entrepreneurs refine strategies, overcome challenges, and accelerate growth.\n        <\/p>\n      <\/article>\n\n      <article class=\"feature-card\">\n        <div class=\"feature-icon\">\ud83c\udf10<\/div>\n        <h3 class=\"feature-title\">State-of-the-Art Facilities<\/h3>\n        <p class=\"feature-text\">\n          Work from cutting-edge facilities designed for innovation. From well-equipped workspaces to advanced\n          technological infrastructure, DTU IIF ensures you have everything required to bring ideas to life.\n        <\/p>\n      <\/article>\n\n      <article class=\"feature-card\">\n        <div class=\"feature-icon\">\ud83e\udd1d<\/div>\n        <h3 class=\"feature-title\">Networking Opportunities<\/h3>\n        <p class=\"feature-text\">\n          Join a thriving community of founders, investors, and industry leaders. Build valuable relationships that\n          contribute directly to the success and scale of your venture.\n        <\/p>\n      <\/article>\n    <\/div>\n\n    \n  <\/div>\n<\/section>\n\n<style>\n  :root {\n    --inc-bg: #f5f7fb;\n    --inc-text-main: #111827;\n    --inc-text-muted: #6b7280;\n    --inc-accent: #005b94;\n    --inc-accent-soft: #e3edf8;\n    --inc-card-bg: #ffffff;\n    --inc-border-soft: #e5e7eb;\n  }\n\n  .incubator-section {\n    background: var(--inc-bg);\n    padding: 80px 20px 90px;\n    font-family: \"Poppins\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  }\n\n  .incubator-wrapper {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .incubator-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);\n    gap: 64px;\n    align-items: flex-start;\n    margin-bottom: 72px;\n  }\n\n  .incubator-eyebrow {\n    font-size: 13px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--inc-text-muted);\n    margin-bottom: 12px;\n  }\n\n  .incubator-title {\n    font-size: clamp(28px, 3vw, 38px);\n    line-height: 1.2;\n    color: var(--inc-text-main);\n    margin-bottom: 18px;\n  }\n\n  .incubator-text {\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--inc-text-muted);\n    max-width: 640px;\n  }\n\n  .incubator-stats {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .incubator-stat {\n    padding: 14px 18px;\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.85);\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);\n    border: 1px solid var(--inc-border-soft);\n  }\n\n  .stat-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n    gap: 8px;\n  }\n\n  .stat-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--inc-text-main);\n  }\n\n  .stat-value {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--inc-accent);\n    padding: 4px 10px;\n    border-radius: 999px;\n    background: var(--inc-accent-soft);\n  }\n\n  .stat-bar {\n    position: relative;\n    width: 100%;\n    height: 8px;\n    border-radius: 999px;\n    background: var(--inc-accent-soft);\n    overflow: hidden;\n  }\n\n  .stat-bar-fill {\n    height: 100%;\n    width: var(--value);\n    max-width: 100%;\n    background: var(--inc-accent);\n    border-radius: inherit;\n    transition: width 0.6s ease-out;\n  }\n\n  \/* Feature cards *\/\n  .incubator-features {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 28px;\n    margin-bottom: 80px;\n  }\n\n  .feature-card {\n    background: var(--inc-card-bg);\n    border-radius: 18px;\n    padding: 24px 22px 26px;\n    border: 1px solid var(--inc-border-soft);\n    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.05);\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .feature-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--inc-accent-soft);\n    color: var(--inc-accent);\n    font-size: 18px;\n    margin-bottom: 6px;\n  }\n\n  .feature-title {\n    font-size: 17px;\n    font-weight: 600;\n    color: var(--inc-text-main);\n  }\n\n  .feature-text {\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--inc-text-muted);\n  }\n\n  \/* CTA *\/\n  .incubator-cta {\n    text-align: center;\n    padding: 56px 24px 0;\n    border-top: 1px solid var(--inc-border-soft);\n  }\n\n  .cta-title {\n    font-size: clamp(22px, 2.6vw, 30px);\n    font-weight: 500;\n    color: var(--inc-text-main);\n    max-width: 780px;\n    margin: 0 auto 26px;\n  }\n\n  .cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 32px;\n    border-radius: 999px;\n    background: var(--inc-accent);\n    color: #ffffff;\n    font-size: 15px;\n    font-weight: 500;\n    text-decoration: none;\n    border: 1px solid transparent;\n    transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease;\n    box-shadow: 0 14px 35px rgba(37, 99, 235, 0.25);\n  }\n\n  .cta-button:hover {\n    background: #004873;\n    transform: translateY(-1px);\n    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.25);\n  }\n\n  .cta-button:active {\n    transform: translateY(0);\n    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 960px) {\n    .incubator-section {\n      padding: 60px 16px 70px;\n    }\n\n    .incubator-grid {\n      grid-template-columns: 1fr;\n      gap: 40px;\n    }\n\n    .incubator-features {\n      grid-template-columns: 1fr;\n    }\n\n    .feature-card {\n      padding: 22px 20px;\n    }\n\n    .incubator-cta {\n      padding-top: 40px;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30d4421 elementor-widget elementor-widget-spacer\" data-id=\"30d4421\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DTU INNOVATION &#038; INCUBATION FOUNDATION Where ideas become impact. DTU-IIF is an innovation and incubation ecosystem built to help ambitious ideas move from concept to venture through mentorship, infrastructure, collaboration&hellip;<\/p>\n","protected":false},"author":1,"featured_media":716,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1642","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/pages\/1642","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1642"}],"version-history":[{"count":9,"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/pages\/1642\/revisions"}],"predecessor-version":[{"id":7954,"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/pages\/1642\/revisions\/7954"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=\/wp\/v2\/media\/716"}],"wp:attachment":[{"href":"https:\/\/dtuiif.co.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}