{"id":156,"date":"2026-01-14T16:01:15","date_gmt":"2026-01-14T16:01:15","guid":{"rendered":"https:\/\/adsrudra.com\/?page_id=156"},"modified":"2026-04-22T10:27:31","modified_gmt":"2026-04-22T10:27:31","slug":"our-phyhilosphy","status":"publish","type":"page","link":"https:\/\/adsrudra.com\/ja\/our-phyhilosphy\/","title":{"rendered":"\u690d\u7269\u5b66"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"156\" class=\"elementor elementor-156\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc6c1ef e-flex e-con-boxed e-con e-parent\" data-id=\"cc6c1ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa38e89 elementor-widget elementor-widget-html\" data-id=\"aa38e89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <meta name=\"description\" content=\"Our Philosophy \u2013 AdsRudra believes in profit-first digital marketing, radical transparency, and building systems that scale. Learn what drives us.\">\r\n  <meta name=\"keywords\" content=\"digital marketing philosophy, AdsRudra values, performance marketing beliefs, ROI-first agency\">\r\n  <title>Our Philosophy \u2013 AdsRudra Digital Marketing Agency<\/title>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap\" rel=\"stylesheet\">\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n  <style>\r\n    \/* =====================================================\r\n       GLOBAL RESET & VARS\r\n    ===================================================== *\/\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    :root {\r\n      --red:        #FF0000;\r\n      --red-dim:    rgba(255,0,0,0.08);\r\n      --red-glow:   rgba(255,0,0,0.25);\r\n      --bg:         #050505;\r\n      --bg2:        #000000;\r\n      --card:       rgba(18,18,18,0.65);\r\n      --border:     rgba(255,255,255,0.07);\r\n      --border-red: rgba(255,0,0,0.25);\r\n      --text-dim:   #51636d;\r\n      --text-muted: rgba(255,255,255,0.45);\r\n      --font-h:     'Montserrat', sans-serif;\r\n      --font-b:     'DM Sans', sans-serif;\r\n    }\r\n    html { scroll-behavior: smooth; }\r\n    body {\r\n      font-family: var(--font-b);\r\n      background: var(--bg);\r\n      color: #fff;\r\n      overflow-x: hidden;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n    a { color: inherit; text-decoration: none; }\r\n    img { max-width: 100%; display: block; }\r\n\r\n    \/* =====================================================\r\n       ANIMATIONS\r\n    ===================================================== *\/\r\n    @keyframes fadeUp {\r\n      from { opacity:0; transform:translateY(32px); }\r\n      to   { opacity:1; transform:translateY(0);    }\r\n    }\r\n    @keyframes fadeIn {\r\n      from { opacity:0; } to { opacity:1; }\r\n    }\r\n    @keyframes pulse-dot {\r\n      0%,100% { opacity:1; transform:scale(1); }\r\n      50%      { opacity:.4; transform:scale(1.5); }\r\n    }\r\n    @keyframes spin-slow {\r\n      from { transform:rotate(0deg);   }\r\n      to   { transform:rotate(360deg); }\r\n    }\r\n    @keyframes line-grow {\r\n      from { width:0; }\r\n      to   { width:100%; }\r\n    }\r\n    @keyframes counter-up {\r\n      from { opacity:0; transform:translateY(10px); }\r\n      to   { opacity:1; transform:translateY(0);    }\r\n    }\r\n    @keyframes float {\r\n      0%,100% { transform:translateY(0)    rotate(0deg);   }\r\n      33%     { transform:translateY(-14px) rotate(2deg);  }\r\n      66%     { transform:translateY(-7px)  rotate(-2deg); }\r\n    }\r\n    @keyframes orb-drift {\r\n      0%,100% { transform:translate(0,0) scale(1);         }\r\n      50%     { transform:translate(60px,-40px) scale(1.1); }\r\n    }\r\n\r\n    \/* =====================================================\r\n       SHARED UTILITIES\r\n    ===================================================== *\/\r\n    .section-badge {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 6px 18px;\r\n      border-radius: 9999px;\r\n      background: var(--red);\r\n      box-shadow: 0 4px 20px var(--red-glow);\r\n      margin-bottom: 24px;\r\n      cursor: default;\r\n      font-family: var(--font-b);\r\n    }\r\n    .section-badge span {\r\n      color: #fff;\r\n      font-weight: 600;\r\n      letter-spacing: .12em;\r\n      font-size: 10px;\r\n      text-transform: uppercase;\r\n      white-space: nowrap;\r\n    }\r\n    .heading-italic {\r\n      display: block;\r\n      font-family: var(--font-h);\r\n      font-size: clamp(28px,4vw,50px);\r\n      font-style: italic;\r\n      font-weight: 300;\r\n      color: #fff;\r\n      text-transform: uppercase;\r\n      line-height: 1.1;\r\n    }\r\n    .heading-bold {\r\n      display: block;\r\n      font-family: var(--font-h);\r\n      font-size: clamp(28px,4vw,50px);\r\n      font-style: normal;\r\n      font-weight: inherit;\r\n      color: var(--red);\r\n      text-transform: uppercase;\r\n      line-height: 1.1;\r\n    }\r\n    .body-text {\r\n      font-family: var(--font-b);\r\n      font-size: 15px;\r\n      line-height: 1.75;\r\n      color: var(--text-dim);\r\n    }\r\n    .wrap { max-width:1200px; margin:0 auto; padding:0 40px; }\r\n    @media(max-width:768px){ .wrap{ padding:0 20px; } }\r\n\r\n    \/* =====================================================\r\n       HERO \u2014 PHILOSOPHY\r\n    ===================================================== *\/\r\n    #philo-hero {\r\n      min-height: 100vh;\r\n      display: flex;\r\n      align-items: center;\r\n      position: relative;\r\n      overflow: hidden;\r\n      background:\r\n        radial-gradient(ellipse 90% 50% at 60% 50%, rgba(255,0,0,0.07) 0%, transparent 65%),\r\n        radial-gradient(ellipse 60% 60% at 10% 80%, rgba(255,0,0,0.04) 0%, transparent 60%),\r\n        var(--bg);\r\n      padding: 120px 40px 80px;\r\n    }\r\n\r\n    \/* Animated background orbs *\/\r\n    .hero-orb {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(90px);\r\n      pointer-events: none;\r\n      animation: orb-drift 20s infinite ease-in-out alternate;\r\n    }\r\n    .hero-orb-1 { width:500px; height:500px; background:rgba(255,0,0,0.06); top:-10%; right:-5%; }\r\n    .hero-orb-2 { width:350px; height:350px; background:rgba(255,0,0,0.04); bottom:0; left:5%; animation-delay:-8s; }\r\n\r\n    \/* Decorative geometric lines *\/\r\n    .hero-geo {\r\n      position: absolute;\r\n      top: 50%;\r\n      right: 40px;\r\n      transform: translateY(-50%);\r\n      width: 420px;\r\n      height: 420px;\r\n      pointer-events: none;\r\n    }\r\n    .hero-geo svg { width:100%; height:100%; opacity:.06; animation:spin-slow 60s linear infinite; }\r\n\r\n    #philo-hero .wrap {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 80px;\r\n      align-items: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .hero-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 6px 18px;\r\n      background: rgba(255,0,0,0.1);\r\n      border: 1px solid rgba(255,0,0,0.3);\r\n      border-radius: 9999px;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      letter-spacing: .12em;\r\n      text-transform: uppercase;\r\n      color: #ff7070;\r\n      margin-bottom: 28px;\r\n      opacity: 0;\r\n      animation: fadeUp .7s ease-out .1s forwards;\r\n    }\r\n    .hero-tag::before {\r\n      content:'';\r\n      width:6px; height:6px;\r\n      background:var(--red);\r\n      border-radius:50%;\r\n      animation:pulse-dot 2s infinite;\r\n    }\r\n\r\n    .hero-title {\r\n      margin: 0;\r\n      font-family: var(--font-h);\r\n      text-transform: uppercase;\r\n      line-height: 1.05;\r\n      opacity: 0;\r\n      animation: fadeUp .9s ease-out .25s forwards;\r\n    }\r\n    .hero-title .line1 {\r\n      display: block;\r\n      font-size: clamp(36px,5.5vw,72px);\r\n      font-style: italic;\r\n      font-weight: 200;\r\n      color: #fff;\r\n    }\r\n    .hero-title .line2 {\r\n      display: block;\r\n      font-size: clamp(36px,5.5vw,72px);\r\n      font-weight: 700;\r\n      color: var(--red);\r\n    }\r\n    .hero-title .line3 {\r\n      display: block;\r\n      font-size: clamp(36px,5.5vw,72px);\r\n      font-style: italic;\r\n      font-weight: 300;\r\n      color: rgba(255,255,255,0.55);\r\n    }\r\n\r\n    .hero-body {\r\n      margin-top: 28px;\r\n      opacity: 0;\r\n      animation: fadeUp .9s ease-out .5s forwards;\r\n    }\r\n    .hero-body p {\r\n      font-family: var(--font-b);\r\n      font-size: 16px;\r\n      line-height: 1.75;\r\n      color: var(--text-dim);\r\n      max-width: 480px;\r\n    }\r\n    .hero-body p + p { margin-top: 16px; }\r\n\r\n    .hero-cta-row {\r\n      display: flex;\r\n      gap: 16px;\r\n      margin-top: 36px;\r\n      flex-wrap: wrap;\r\n      opacity: 0;\r\n      animation: fadeUp .9s ease-out .7s forwards;\r\n    }\r\n    .btn-red {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      padding: 14px 32px;\r\n      border-radius: 9999px;\r\n      background: var(--red);\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      box-shadow: 0 4px 20px var(--red-glow);\r\n      transition: .3s;\r\n      font-family: var(--font-b);\r\n    }\r\n    .btn-red:hover { background:#cc0000; transform:translateY(-2px); box-shadow:0 8px 28px rgba(255,0,0,.45); }\r\n    .btn-ghost {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      padding: 14px 32px;\r\n      border-radius: 9999px;\r\n      border: 1px solid rgba(255,255,255,.2);\r\n      color: #fff;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      transition: .3s;\r\n      font-family: var(--font-b);\r\n    }\r\n    .btn-ghost:hover { border-color:rgba(255,255,255,.5); background:rgba(255,255,255,.05); transform:translateY(-2px); }\r\n\r\n    \/* Right side \u2014 character image *\/\r\n    .hero-visual {\r\n      position: relative;\r\n      opacity: 0;\r\n      animation: fadeIn 1.2s ease-out .6s forwards;\r\n    }\r\n    .hero-img-wrap {\r\n      position: relative;\r\n      border-radius: 28px;\r\n      overflow: hidden;\r\n      background: linear-gradient(160deg, #1a0000, #0d0000);\r\n      animation: float 7s ease-in-out infinite;\r\n    }\r\n    .hero-img-wrap img {\r\n      width: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      filter: contrast(1.05) brightness(0.95);\r\n    }\r\n    .hero-img-wrap::after {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(180deg, transparent 45%, rgba(5,5,5,.75) 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* Floating stat pills on image *\/\r\n    .float-pill {\r\n      position: absolute;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      padding: 12px 18px;\r\n      background: rgba(10,10,10,.85);\r\n      backdrop-filter: blur(16px);\r\n      border: 1px solid rgba(255,255,255,.12);\r\n      border-radius: 16px;\r\n      box-shadow: 0 8px 24px rgba(0,0,0,.6);\r\n      z-index: 3;\r\n    }\r\n    .float-pill-num {\r\n      font-family: var(--font-h);\r\n      font-size: 22px;\r\n      font-weight: 800;\r\n      color: var(--red);\r\n      line-height: 1;\r\n    }\r\n    .float-pill-lbl { font-size: 11px; color: rgba(255,255,255,.55); line-height: 1.4; }\r\n    .pill-top  { top: 24px;  left: -30px; }\r\n    .pill-mid  { top: 50%;   right: -30px; transform:translateY(-50%); }\r\n    .pill-bot  { bottom: 32px; left: -20px; }\r\n\r\n    @media(max-width:900px){\r\n      #philo-hero .wrap { grid-template-columns:1fr; gap:48px; }\r\n      .hero-geo { display:none; }\r\n      .pill-top  { left:16px; top:16px; }\r\n      .pill-mid  { right:16px; top:auto; bottom:80px; transform:none; }\r\n      .pill-bot  { display:none; }\r\n    }\r\n    @media(max-width:480px){ #philo-hero{ padding:100px 20px 60px; } }\r\n\r\n    \/* =====================================================\r\n       MANIFESTO \u2014 FULL-WIDTH STATEMENT\r\n    ===================================================== *\/\r\n    #manifesto {\r\n      border-top: 1px solid var(--border);\r\n      background: var(--bg2);\r\n      padding: 100px 40px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    #manifesto::before {\r\n      content: '\"';\r\n      position: absolute;\r\n      top: -60px;\r\n      left: 40px;\r\n      font-family: var(--font-h);\r\n      font-size: 400px;\r\n      font-weight: 900;\r\n      color: var(--red);\r\n      opacity: .03;\r\n      line-height: 1;\r\n      pointer-events: none;\r\n      user-select: none;\r\n    }\r\n    .manifesto-inner {\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .manifesto-quote {\r\n      font-family: var(--font-h);\r\n      font-size: clamp(22px,3.5vw,40px);\r\n      font-weight: 300;\r\n      font-style: italic;\r\n      line-height: 1.5;\r\n      color: rgba(255,255,255,.85);\r\n    }\r\n    .manifesto-quote strong {\r\n      font-weight: 700;\r\n      font-style: normal;\r\n      color: #fff;\r\n    }\r\n    .manifesto-quote em.red {\r\n      font-style: italic;\r\n      color: var(--red);\r\n    }\r\n    .manifesto-line {\r\n      width: 60px;\r\n      height: 2px;\r\n      background: var(--red);\r\n      margin: 32px auto;\r\n      border-radius: 2px;\r\n    }\r\n    .manifesto-attr {\r\n      font-family: var(--font-b);\r\n      font-size: 13px;\r\n      letter-spacing: .15em;\r\n      text-transform: uppercase;\r\n      color: var(--text-muted);\r\n    }\r\n\r\n    \/* =====================================================\r\n       CORE BELIEFS \u2014 3-column with numbers\r\n    ===================================================== *\/\r\n    #beliefs {\r\n      border-top: 1px solid var(--border);\r\n      padding: 100px 40px;\r\n      position: relative;\r\n    }\r\n    #beliefs .section-head { text-align:center; margin-bottom:64px; }\r\n\r\n    .beliefs-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3,1fr);\r\n      gap: 32px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n    .belief-card {\r\n      background: var(--card);\r\n      backdrop-filter: blur(14px);\r\n      border: 1px solid var(--border);\r\n      border-radius: 24px;\r\n      padding: 40px 32px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: .4s ease;\r\n    }\r\n    .belief-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, rgba(255,0,0,.06) 0%, transparent 50%);\r\n      opacity: 0;\r\n      transition: .4s;\r\n    }\r\n    .belief-card:hover { border-color:var(--border-red); transform:translateY(-8px); box-shadow:0 20px 50px rgba(0,0,0,.7); }\r\n    .belief-card:hover::before { opacity:1; }\r\n    .belief-num {\r\n      font-family: var(--font-h);\r\n      font-size: 72px;\r\n      font-weight: 900;\r\n      color: rgba(255,0,0,.07);\r\n      line-height: 1;\r\n      position: absolute;\r\n      top: 16px;\r\n      right: 24px;\r\n      user-select: none;\r\n      transition: color .4s;\r\n    }\r\n    .belief-card:hover .belief-num { color:rgba(255,0,0,.14); }\r\n    .belief-icon {\r\n      width: 52px; height: 52px;\r\n      background: rgba(255,0,0,.08);\r\n      border: 1px solid rgba(255,0,0,.2);\r\n      border-radius: 14px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 24px;\r\n      transition: .3s;\r\n    }\r\n    .belief-card:hover .belief-icon { background:rgba(255,0,0,.18); border-color:rgba(255,0,0,.4); }\r\n    .belief-icon svg { width:26px; height:26px; color:var(--red); }\r\n    .belief-title {\r\n      font-family: var(--font-h);\r\n      font-size: 1.25rem;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-bottom: 14px;\r\n      line-height: 1.3;\r\n    }\r\n    .belief-desc { font-size: 14px; color: rgba(255,255,255,.55); line-height: 1.7; }\r\n    @media(max-width:900px){ .beliefs-grid{ grid-template-columns:1fr 1fr; } }\r\n    @media(max-width:580px){ .beliefs-grid{ grid-template-columns:1fr; } }\r\n\r\n    \/* =====================================================\r\n       PHILOSOPHY PILLARS \u2014 HORIZONTAL ACCORDION\r\n    ===================================================== *\/\r\n    #pillars {\r\n      border-top: 1px solid var(--border);\r\n      background: var(--bg2);\r\n      padding: 100px 40px;\r\n    }\r\n    #pillars .section-head { text-align:center; margin-bottom:64px; }\r\n\r\n    .pillars-accordion { max-width:1100px; margin:0 auto; }\r\n    .pillar-row {\r\n      border-bottom: 1px solid var(--border);\r\n      cursor: pointer;\r\n      overflow: hidden;\r\n      transition: .3s;\r\n      border-radius: 0;\r\n    }\r\n    .pillar-row:first-child { border-top: 1px solid var(--border); }\r\n    .pillar-row.active { background:rgba(255,0,0,.03); border-color:rgba(255,0,0,.15); border-radius:16px; margin:4px 0; }\r\n    .pillar-header {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 28px;\r\n      padding: 28px 32px;\r\n      transition: .3s;\r\n    }\r\n    .pillar-row:hover .pillar-header { padding-left:40px; }\r\n    .pillar-num {\r\n      font-family: var(--font-h);\r\n      font-size: clamp(2rem,3.5vw,3.5rem);\r\n      font-weight: 900;\r\n      color: rgba(255,0,0,.18);\r\n      line-height: 1;\r\n      min-width: 60px;\r\n      transition: color .3s;\r\n    }\r\n    .pillar-row.active .pillar-num { color:var(--red); }\r\n    .pillar-name {\r\n      font-family: var(--font-h);\r\n      font-size: clamp(1.2rem,2.2vw,2rem);\r\n      font-weight: 600;\r\n      color: rgba(255,255,255,.7);\r\n      flex: 1;\r\n      transition: color .3s;\r\n    }\r\n    .pillar-row.active .pillar-name { color:#fff; }\r\n    .pillar-toggle {\r\n      width: 36px; height: 36px;\r\n      border-radius: 50%;\r\n      border: 1px solid var(--border);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      transition: .3s;\r\n    }\r\n    .pillar-row.active .pillar-toggle { background:var(--red); border-color:var(--red); }\r\n    .pillar-toggle svg { width:16px; height:16px; color:rgba(255,255,255,.5); transition:.3s; }\r\n    .pillar-row.active .pillar-toggle svg { color:#fff; transform:rotate(45deg); }\r\n    .pillar-body {\r\n      max-height: 0;\r\n      overflow: hidden;\r\n      transition: max-height .5s cubic-bezier(.4,0,.2,1);\r\n    }\r\n    .pillar-row.active .pillar-body { max-height: 400px; }\r\n    .pillar-content {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 40px;\r\n      padding: 0 32px 36px 120px;\r\n    }\r\n    .pillar-text { font-size:15px; color:rgba(255,255,255,.6); line-height:1.75; }\r\n    .pillar-points { list-style:none; display:flex; flex-direction:column; gap:12px; }\r\n    .pillar-points li {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      font-size: 14px;\r\n      color: rgba(255,255,255,.55);\r\n    }\r\n    .pillar-points li::before {\r\n      content:'';\r\n      width:6px; height:6px;\r\n      background:var(--red);\r\n      border-radius:50%;\r\n      margin-top:6px;\r\n      flex-shrink:0;\r\n    }\r\n    @media(max-width:768px){\r\n      .pillar-content{ grid-template-columns:1fr; padding-left:32px; gap:24px; }\r\n    }\r\n\r\n    \/* =====================================================\r\n       APPROACH TIMELINE\r\n    ===================================================== *\/\r\n    #approach {\r\n      border-top: 1px solid var(--border);\r\n      padding: 100px 40px;\r\n    }\r\n    #approach .section-head { text-align:center; margin-bottom:80px; }\r\n\r\n    .timeline { max-width:900px; margin:0 auto; position:relative; }\r\n    .timeline::before {\r\n      content:'';\r\n      position:absolute;\r\n      left:28px;\r\n      top:0;\r\n      bottom:0;\r\n      width:1px;\r\n      background:linear-gradient(180deg, transparent, rgba(255,0,0,.4) 10%, rgba(255,0,0,.4) 90%, transparent);\r\n    }\r\n    .tl-item {\r\n      display: flex;\r\n      gap: 40px;\r\n      padding: 0 0 56px 0;\r\n      position: relative;\r\n    }\r\n    .tl-item:last-child { padding-bottom:0; }\r\n    .tl-dot {\r\n      width: 56px;\r\n      height: 56px;\r\n      border-radius: 50%;\r\n      background: var(--bg2);\r\n      border: 2px solid rgba(255,0,0,.35);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n      position: relative;\r\n      z-index: 1;\r\n      transition: .3s;\r\n    }\r\n    .tl-item:hover .tl-dot { background:rgba(255,0,0,.12); border-color:var(--red); }\r\n    .tl-dot svg { width:22px; height:22px; color:var(--red); }\r\n    .tl-body { padding-top:10px; flex:1; }\r\n    .tl-phase {\r\n      font-size:11px;\r\n      font-weight:600;\r\n      letter-spacing:.14em;\r\n      text-transform:uppercase;\r\n      color:var(--red);\r\n      margin-bottom:8px;\r\n    }\r\n    .tl-title {\r\n      font-family: var(--font-h);\r\n      font-size: 1.4rem;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      margin-bottom: 12px;\r\n      line-height: 1.2;\r\n    }\r\n    .tl-desc { font-size:14px; color:rgba(255,255,255,.55); line-height:1.7; }\r\n\r\n    \/* =====================================================\r\n       VALUES GRID \u2014 BENTO STYLE\r\n    ===================================================== *\/\r\n    #values {\r\n      border-top: 1px solid var(--border);\r\n      background:\r\n        radial-gradient(ellipse 70% 40% at 80% 50%, rgba(255,0,0,.05) 0%, transparent 60%),\r\n        var(--bg);\r\n      padding: 100px 40px;\r\n    }\r\n    #values .section-head { text-align:center; margin-bottom:64px; }\r\n\r\n    .bento-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(12, 1fr);\r\n      grid-template-rows: auto;\r\n      gap: 20px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n    }\r\n    .bento-card {\r\n      background: var(--card);\r\n      backdrop-filter: blur(14px);\r\n      border: 1px solid var(--border);\r\n      border-radius: 24px;\r\n      padding: 36px 32px;\r\n      transition: .4s;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .bento-card:hover { border-color:var(--border-red); transform:translateY(-4px); box-shadow:0 16px 40px rgba(0,0,0,.6); }\r\n\r\n    .b1  { grid-column:span 7; }\r\n    .b2  { grid-column:span 5; }\r\n    .b3  { grid-column:span 4; }\r\n    .b4  { grid-column:span 4; }\r\n    .b5  { grid-column:span 4; }\r\n    .b6  { grid-column:span 12; background:linear-gradient(135deg,rgba(255,0,0,.1) 0%,rgba(100,0,0,.06) 50%,rgba(255,0,0,.04) 100%); border-color:rgba(255,0,0,.2); }\r\n\r\n    .bento-icon {\r\n      width:48px;height:48px;\r\n      background:rgba(255,0,0,.08);\r\n      border:1px solid rgba(255,0,0,.2);\r\n      border-radius:12px;\r\n      display:flex;align-items:center;justify-content:center;\r\n      margin-bottom:20px;\r\n      transition:.3s;\r\n    }\r\n    .bento-card:hover .bento-icon { background:rgba(255,0,0,.18); border-color:rgba(255,0,0,.4); }\r\n    .bento-icon svg { width:24px;height:24px;color:var(--red); }\r\n    .bento-title { font-family:var(--font-h); font-size:1.2rem; font-weight:700; color:#fff; margin-bottom:12px; }\r\n    .bento-desc  { font-size:14px; color:rgba(255,255,255,.5); line-height:1.7; }\r\n\r\n    \/* b1 large card extras *\/\r\n    .b1 .bento-title { font-size:1.6rem; }\r\n    .b1 .bento-desc  { font-size:15px; max-width:480px; }\r\n    .b1-metric {\r\n      display:flex;gap:36px;margin-top:28px;flex-wrap:wrap;\r\n    }\r\n    .b1-met-num { font-family:var(--font-h); font-size:2.5rem; font-weight:800; color:var(--red); line-height:1; margin-bottom:4px; }\r\n    .b1-met-lbl { font-size:12px; color:rgba(255,255,255,.4); }\r\n\r\n    \/* b6 wide card *\/\r\n    .b6-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }\r\n    .b6-text h3 { font-family:var(--font-h); font-size:1.5rem; font-weight:700; color:#fff; margin-bottom:10px; }\r\n    .b6-text p  { font-size:15px; color:rgba(255,255,255,.55); max-width:560px; line-height:1.7; }\r\n\r\n    @media(max-width:900px){\r\n      .b1,.b2,.b3,.b4,.b5,.b6 { grid-column:span 12; }\r\n    }\r\n    @media(max-width:580px){\r\n      .bento-grid { gap:14px; }\r\n    }\r\n\r\n    \/* =====================================================\r\n       TEAM PHILOSOPHY \u2014 SPLIT LAYOUT\r\n    ===================================================== *\/\r\n    #team-philo {\r\n      border-top: 1px solid var(--border);\r\n      background: var(--bg2);\r\n      padding: 100px 40px;\r\n    }\r\n    .team-philo-inner {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 80px;\r\n      align-items: center;\r\n    }\r\n    .team-img-col { position:relative; }\r\n    .team-img-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 14px;\r\n    }\r\n    .team-img-item {\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n      aspect-ratio: 1;\r\n      background: rgba(20,10,10,1);\r\n      position: relative;\r\n    }\r\n    .team-img-item img { width:100%; height:100%; object-fit:cover; transition:.6s; filter:grayscale(30%) brightness(.85); }\r\n    .team-img-item:hover img { filter:grayscale(0%) brightness(1); transform:scale(1.04); }\r\n    .team-img-item:first-child { grid-row:span 2; aspect-ratio:auto; min-height:320px; }\r\n    .team-text-col {}\r\n    .team-text-col p + p { margin-top:18px; }\r\n    .highlight-line {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 16px;\r\n      margin-top:32px;\r\n      padding:20px 24px;\r\n      background:rgba(255,0,0,.06);\r\n      border-left:3px solid var(--red);\r\n      border-radius:0 12px 12px 0;\r\n    }\r\n    .highlight-line p { font-size:15px; color:rgba(255,255,255,.75); line-height:1.6; font-style:italic; }\r\n    @media(max-width:900px){\r\n      .team-philo-inner{ grid-template-columns:1fr; gap:48px; }\r\n      .team-img-item:first-child { min-height:240px; }\r\n    }\r\n\r\n    \/* =====================================================\r\n       METRICS SHOWCASE\r\n    ===================================================== *\/\r\n    #metrics {\r\n      border-top: 1px solid var(--border);\r\n      padding: 100px 40px;\r\n    }\r\n    #metrics .section-head { text-align:center; margin-bottom:64px; }\r\n    .metrics-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(6,1fr);\r\n      gap: 2px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      border: 1px solid var(--border);\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n    }\r\n    .metric-cell {\r\n      background: var(--card);\r\n      backdrop-filter: blur(10px);\r\n      padding: 40px 24px;\r\n      text-align: center;\r\n      border-right: 1px solid var(--border);\r\n      transition: background .3s;\r\n    }\r\n    .metric-cell:last-child { border-right:none; }\r\n    .metric-cell:hover { background:rgba(255,0,0,.05); }\r\n    .metric-big {\r\n      font-family: var(--font-h);\r\n      font-size: clamp(26px,3.5vw,44px);\r\n      font-weight: 800;\r\n      color: var(--red);\r\n      line-height: 1;\r\n      margin-bottom: 8px;\r\n    }\r\n    .metric-sub { font-size:12px; color:rgba(255,255,255,.4); line-height:1.4; }\r\n    @media(max-width:1000px){ .metrics-row{grid-template-columns:repeat(3,1fr)} .metric-cell:nth-child(3){border-right:none} .metric-cell:nth-child(n+4){border-top:1px solid var(--border)} }\r\n    @media(max-width:580px){ .metrics-row{grid-template-columns:repeat(2,1fr)} .metric-cell:nth-child(2n){border-right:none} .metric-cell:nth-child(n+3){border-top:1px solid var(--border)} }\r\n\r\n    \/* =====================================================\r\n       OUR PROMISE \u2014 FINAL SECTION\r\n    ===================================================== *\/\r\n    #promise {\r\n      border-top: 1px solid var(--border);\r\n      background:\r\n        linear-gradient(135deg,rgba(255,0,0,.1) 0%,rgba(80,0,0,.06) 40%,rgba(255,0,0,.04) 100%),\r\n        var(--bg2);\r\n      padding: 120px 40px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    #promise::before {\r\n      content:'';\r\n      position:absolute;\r\n      width:600px;height:600px;\r\n      border-radius:50%;\r\n      background:rgba(255,0,0,.05);\r\n      filter:blur(100px);\r\n      top:-200px;right:-200px;\r\n      pointer-events:none;\r\n    }\r\n    .promise-inner {\r\n      max-width: 800px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .promise-inner h2 {\r\n      font-family: var(--font-h);\r\n      font-size: clamp(30px,4.5vw,58px);\r\n      font-weight: 700;\r\n      line-height: 1.15;\r\n      margin-bottom: 24px;\r\n    }\r\n    .promise-inner h2 em { font-style:italic; font-weight:300; color:rgba(255,255,255,.7); }\r\n    .promise-inner p {\r\n      font-size: 16px;\r\n      color: var(--text-dim);\r\n      line-height: 1.75;\r\n      max-width: 600px;\r\n      margin: 0 auto 40px;\r\n    }\r\n    .promise-btns { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }\r\n    .promise-checklist {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 32px;\r\n      margin-top: 48px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .promise-check-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      font-size: 14px;\r\n      color: rgba(255,255,255,.6);\r\n    }\r\n    .promise-check-item svg { width:18px;height:18px;color:var(--red); flex-shrink:0; }\r\n\r\n    @media(max-width:768px){ #promise{ padding:80px 20px; } }\r\n\r\n    \/* =====================================================\r\n       SECTION HEADING HELPER\r\n    ===================================================== *\/\r\n    .section-head { max-width:1200px; margin:0 auto; }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n     HERO\r\n============================================================ -->\r\n<section id=\"philo-hero\" aria-label=\"Philosophy hero\">\r\n  <div class=\"hero-orb hero-orb-1\"><\/div>\r\n  <div class=\"hero-orb hero-orb-2\"><\/div>\r\n\r\n  <div class=\"hero-geo\" aria-hidden=\"true\">\r\n    <svg viewbox=\"0 0 420 420\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <circle cx=\"210\" cy=\"210\" r=\"200\" stroke=\"white\" stroke-width=\"1\"\/>\r\n      <circle cx=\"210\" cy=\"210\" r=\"150\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n      <circle cx=\"210\" cy=\"210\" r=\"100\" stroke=\"white\" stroke-width=\"1\"\/>\r\n      <line x1=\"210\" y1=\"10\"  x2=\"210\" y2=\"410\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n      <line x1=\"10\"  y1=\"210\" x2=\"410\" y2=\"210\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n      <line x1=\"68\"  y1=\"68\"  x2=\"352\" y2=\"352\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n      <line x1=\"352\" y1=\"68\"  x2=\"68\"  y2=\"352\" stroke=\"white\" stroke-width=\"0.5\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"wrap\">\r\n    <!-- Left -->\r\n    <div>\r\n      <div class=\"hero-tag\">\u79c1\u305f\u3061\u306e\u54f2\u5b66<\/div>\r\n\r\n      <h1 class=\"hero-title\">\r\n        <span class=\"line1\">We Believe<\/span>\r\n        <span class=\"line2\">Results Are<\/span>\r\n        <span class=\"line3\">Everything.<\/span>\r\n      <\/h1>\r\n\r\n      <div class=\"hero-body\">\r\n        <p>At AdsRudra, philosophy isn't a wall poster. It's the framework behind every campaign, every creative, and every decision we make for our clients.<\/p>\r\n        <p>We were built on a simple, radical idea: that digital marketing should be measured by profit, not impressions. That an agency's success should only count when a client's business actually grows.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"hero-cta-row\">\r\n        <a href=\"https:\/\/adsrudra.com\/ja\/\" class=\"btn-red\">\r\n          Work With Us\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n        <\/a>\r\n        <a href=\"#beliefs\" class=\"btn-ghost\">Our Core Beliefs<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right: Character + floating pills -->\r\n    <div class=\"hero-visual\">\r\n      <div class=\"hero-img-wrap\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/adsrudra.com\/wp-content\/uploads\/2026\/02\/d4963f39cd9b7c2dd4de50e890cbb977.jpg\"\r\n          alt=\"AdsRudra philosophy \u2013 performance-first digital marketing\"\r\n          loading=\"eager\"\r\n        >\r\n      <\/div>\r\n\r\n      <div class=\"float-pill pill-top\">\r\n        <div>\r\n          <div class=\"float-pill-num\">6%<\/div>\r\n          <div class=\"float-pill-lbl\">Avg. Conversion<br>Rate<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"float-pill pill-mid\">\r\n        <div>\r\n          <div class=\"float-pill-num\">1M+<\/div>\r\n          <div class=\"float-pill-lbl\">Organic<br>Impressions<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"float-pill pill-bot\">\r\n        <div>\r\n          <div class=\"float-pill-num\">150+<\/div>\r\n          <div class=\"float-pill-lbl\">Brands<br>Scaled<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     MANIFESTO\r\n============================================================ -->\r\n<section id=\"manifesto\" aria-label=\"Our manifesto\">\r\n  <div class=\"manifesto-inner\">\r\n    <p class=\"manifesto-quote\">\r\n      \"We don't believe in <strong>vanity metrics<\/strong>, retainer traps, or inflated dashboards.\r\n      We believe in <em class=\"red\">one thing only<\/em> \u2014 making your business\r\n      <strong>more profitable<\/strong> than it was the day before we met.\"\r\n    <\/p>\r\n    <div class=\"manifesto-line\"><\/div>\r\n    <p class=\"manifesto-attr\">\u2014 The AdsRudra Manifesto<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     CORE BELIEFS\r\n============================================================ -->\r\n<section id=\"beliefs\" aria-label=\"Core beliefs\">\r\n  <div class=\"section-head\" style=\"text-align:center;margin-bottom:64px;\">\r\n    <div class=\"section-badge\"><span>Core Beliefs<\/span><\/div>\r\n    <div>\r\n      <span class=\"heading-italic\">What We<\/span>\r\n      <span class=\"heading-bold\">Stand For.<\/span>\r\n    <\/div>\r\n    <p class=\"body-text\" style=\"max-width:560px;margin:16px auto 0;\">\r\n      Six principles that govern every strategy, every campaign, and every conversation we have with our clients.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"beliefs-grid wrap\">\r\n\r\n    <div class=\"belief-card\">\r\n      <div class=\"belief-num\">01<\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"belief-title\">Clarity Over Complexity<\/h3>\r\n      <p class=\"belief-desc\">Great marketing is simple to understand. We strip away the noise \u2014 no jargon, no fluff \u2014 just clear strategies with measurable outcomes every client can follow.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card\">\r\n      <div class=\"belief-num\">02<\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"belief-title\">Profit Is The Only Metric<\/h3>\r\n      <p class=\"belief-desc\">Impressions don't pay salaries. We obsess over Net Profit, ROAS, and Customer LTV \u2014 because these are the numbers that actually determine whether your business is winning.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card\">\r\n      <div class=\"belief-num\">03<\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"belief-title\">Radical Transparency<\/h3>\r\n      <p class=\"belief-desc\">You own every account, every pixel, every data point. Our reporting isn't filtered to hide bad days. You see everything \u2014 the wins, the losses, and the plan to fix both.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card\">\r\n      <div class=\"belief-num\">04<\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"belief-title\">Speed Is a Strategy<\/h3>\r\n      <p class=\"belief-desc\">Markets don't wait. Trends don't wait. Neither do we. 48-hour campaign launches, same-day creative pivots, and real-time optimization are our competitive advantage.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card\">\r\n      <div class=\"belief-num\">05<\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><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>\r\n      <\/div>\r\n      <h3 class=\"belief-title\">Partnership Over Contracts<\/h3>\r\n      <p class=\"belief-desc\">We don't want clients. We want partners. When you grow, we grow. That alignment of incentives changes everything about how we show up, how we think, and how hard we fight for your brand.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"belief-card\">\r\n      <div class=\"belief-num\">06<\/div>\r\n      <div class=\"belief-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"belief-title\">Systems Over Luck<\/h3>\r\n      <p class=\"belief-desc\">Viral moments are accidents. Sustainable growth is engineered. We build repeatable frameworks \u2014 testing systems, funnel architectures, and automation stacks that compound over time.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     PHILOSOPHY PILLARS \u2014 ACCORDION\r\n============================================================ -->\r\n<section id=\"pillars\" aria-label=\"Our philosophical pillars\">\r\n  <div class=\"section-head\" style=\"text-align:center;margin-bottom:64px;\">\r\n    <div class=\"section-badge\"><span>Our Pillars<\/span><\/div>\r\n    <div>\r\n      <span class=\"heading-italic\">The Pillars That<\/span>\r\n      <span class=\"heading-bold\">Drive Everything.<\/span>\r\n    <\/div>\r\n    <p class=\"body-text\" style=\"max-width:540px;margin:16px auto 0;\">\r\n      Click each pillar to explore the thinking that shapes how we run campaigns, build relationships, and deliver results.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"pillars-accordion\" id=\"pillarsAccordion\">\r\n\r\n    <div class=\"pillar-row active\" data-pillar=\"0\">\r\n      <div class=\"pillar-header\">\r\n        <span class=\"pillar-num\">I<\/span>\r\n        <span class=\"pillar-name\">Data Intelligence<\/span>\r\n        <div class=\"pillar-toggle\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"pillar-body\">\r\n        <div class=\"pillar-content\">\r\n          <p class=\"pillar-text\">Every decision we make is backed by data, not intuition. We build custom analytics infrastructure for every partner \u2014 from pixel architecture to GA4 event tracking \u2014 so that every rupee of ad spend is accounted for and every conversion is attributed correctly.<br><br>We don't run campaigns. We run experiments. Hypothesis \u2192 test \u2192 learn \u2192 scale. This loop never stops.<\/p>\r\n          <ul class=\"pillar-points\">\r\n            <li>Custom GA4 + GTM event architecture for every client<\/li>\r\n            <li>Weekly A\/B test cadence across creatives and landing pages<\/li>\r\n            <li>Attribution modeling beyond last-click defaults<\/li>\r\n            <li>Cohort analysis to understand true customer LTV<\/li>\r\n            <li>Competitive intelligence reports updated monthly<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-row\" data-pillar=\"1\">\r\n      <div class=\"pillar-header\">\r\n        <span class=\"pillar-num\">II<\/span>\r\n        <span class=\"pillar-name\">Creative Excellence<\/span>\r\n        <div class=\"pillar-toggle\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"pillar-body\">\r\n        <div class=\"pillar-content\">\r\n          <p class=\"pillar-text\">The best targeting in the world fails with weak creative. We invest heavily in understanding what visually and emotionally moves your specific audience \u2014 not generic best practices but deep, category-specific creative intelligence.<br><br>We produce content that stops the scroll because it speaks directly to the fear, desire, or aspiration your customer carries every single day.<\/p>\r\n          <ul class=\"pillar-points\">\r\n            <li>UGC-style video production built for paid social performance<\/li>\r\n            <li>Scroll-stop static creatives using direct-response principles<\/li>\r\n            <li>Hook testing across 5+ variations per campaign launch<\/li>\r\n            <li>Brand identity systems that scale across every format<\/li>\r\n            <li>Creative performance scoring and rotation frameworks<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-row\" data-pillar=\"2\">\r\n      <div class=\"pillar-header\">\r\n        <span class=\"pillar-num\">III<\/span>\r\n        <span class=\"pillar-name\">Full-Funnel Thinking<\/span>\r\n        <div class=\"pillar-toggle\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"pillar-body\">\r\n        <div class=\"pillar-content\">\r\n          <p class=\"pillar-text\">Most agencies optimize the top of the funnel and ignore everything else. We see your entire customer journey as our responsibility \u2014 from cold awareness to repeat purchase and referral. Every touchpoint is designed to move a prospect one step closer to becoming your best customer.<br><br>Traffic without conversion is just expensive noise. We engineer the whole journey.<\/p>\r\n          <ul class=\"pillar-points\">\r\n            <li>Awareness, consideration, and conversion stage campaign architecture<\/li>\r\n            <li>Post-click experience optimization (landing pages, forms, checkout)<\/li>\r\n            <li>Email and SMS re-engagement sequences for pipeline nurture<\/li>\r\n            <li>Retention and LTV improvement strategies<\/li>\r\n            <li>Referral and word-of-mouth amplification programs<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-row\" data-pillar=\"3\">\r\n      <div class=\"pillar-header\">\r\n        <span class=\"pillar-num\">IV<\/span>\r\n        <span class=\"pillar-name\">Ethical Accountability<\/span>\r\n        <div class=\"pillar-toggle\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"pillar-body\">\r\n        <div class=\"pillar-content\">\r\n          <p class=\"pillar-text\">We will never tell you a campaign is performing when it isn't. We will never recommend a service you don't need. We will never lock your accounts, withhold your data, or create artificial dependency.<br><br>Our business model only works if your brand grows. That accountability \u2014 skin in the game \u2014 is the most important thing we bring to the table.<\/p>\r\n          <ul class=\"pillar-points\">\r\n            <li>100% client ownership of all accounts and assets<\/li>\r\n            <li>Unfiltered reporting \u2014 bad months included<\/li>\r\n            <li>No lock-in contracts after the initial 3-month onboarding<\/li>\r\n            <li>Clear, itemized breakdown of every fee and ad spend<\/li>\r\n            <li>Honest recommendations even when it costs us revenue<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     APPROACH TIMELINE\r\n============================================================ -->\r\n<section id=\"approach\" aria-label=\"How we work\">\r\n  <div class=\"section-head\" style=\"text-align:center;margin-bottom:80px;\">\r\n    <div class=\"section-badge\"><span>How We Work<\/span><\/div>\r\n    <div>\r\n      <span class=\"heading-italic\">\u79c1\u305f\u3061\u306e\u54f2\u5b66<\/span>\r\n      <span class=\"heading-bold\">In Action.<\/span>\r\n    <\/div>\r\n    <p class=\"body-text\" style=\"max-width:540px;margin:16px auto 0;\">\r\n      From the first discovery call to long-term scaling, here's how our philosophy translates into a tangible process.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"timeline wrap\">\r\n\r\n    <div class=\"tl-item\">\r\n      <div class=\"tl-dot\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"tl-body\">\r\n        <div class=\"tl-phase\">Phase 01 \u2014 Discover<\/div>\r\n        <h3 class=\"tl-title\">Deep Business Audit<\/h3>\r\n        <p class=\"tl-desc\">Before we touch a single campaign, we immerse ourselves in your business. We study your margins, your customer journey, your competitors, and your biggest bottlenecks. Most agencies skip this. We consider it non-negotiable \u2014 because you can't build a great strategy on a foundation of assumptions.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tl-item\">\r\n      <div class=\"tl-dot\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"tl-body\">\r\n        <div class=\"tl-phase\">Phase 02 \u2014 Architect<\/div>\r\n        <h3 class=\"tl-title\">Strategy &amp; Infrastructure Build<\/h3>\r\n        <p class=\"tl-desc\">We design the full growth system \u2014 ad account structure, tracking architecture, funnel stages, creative briefs, and a 90-day content calendar. Every element is built to serve the overarching profit objective, not just individual channel metrics.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tl-item\">\r\n      <div class=\"tl-dot\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"tl-body\">\r\n        <div class=\"tl-phase\">Phase 03 \u2014 Launch<\/div>\r\n        <h3 class=\"tl-title\">Controlled Campaign Launch<\/h3>\r\n        <p class=\"tl-desc\">We launch lean and fast \u2014 testing multiple hypotheses simultaneously across channels. Day one is a learning exercise. We gather data aggressively in the first 30 days to identify the highest-leverage opportunities before scaling investment.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tl-item\">\r\n      <div class=\"tl-dot\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"tl-body\">\r\n        <div class=\"tl-phase\">Phase 04 \u2014 Optimize<\/div>\r\n        <h3 class=\"tl-title\">Relentless Weekly Iteration<\/h3>\r\n        <p class=\"tl-desc\">Every Monday we review the previous week's data. Every Friday we implement the week's improvements. Creative rotation, bid strategy adjustments, audience expansions, and landing page tests run on a continuous loop \u2014 because standing still in digital marketing is moving backwards.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tl-item\">\r\n      <div class=\"tl-dot\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"\/><polyline points=\"16 7 22 7 22 13\"\/><\/svg>\r\n      <\/div>\r\n      <div class=\"tl-body\">\r\n        <div class=\"tl-phase\">Phase 05 \u2014 Scale<\/div>\r\n        <h3 class=\"tl-title\">Systematic Revenue Scaling<\/h3>\r\n        <p class=\"tl-desc\">Once we've identified the profitable core \u2014 the winning audiences, angles, and offers \u2014 we scale deliberately. Budget increases are tied to performance thresholds, not arbitrary timelines. We scale what works, kill what doesn't, and always protect your profit margin above all else.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     VALUES \u2014 BENTO GRID\r\n============================================================ -->\r\n<section id=\"values\" aria-label=\"Our values\">\r\n  <div class=\"section-head\" style=\"text-align:center;margin-bottom:64px;\">\r\n    <div class=\"section-badge\"><span>Our Values<\/span><\/div>\r\n    <div>\r\n      <span class=\"heading-italic\">The Values We<\/span>\r\n      <span class=\"heading-bold\">Live By Daily.<\/span>\r\n    <\/div>\r\n    <p class=\"body-text\" style=\"max-width:500px;margin:16px auto 0;\">\r\n      Not just words on a wall \u2014 these are the standards we hold ourselves to in every client interaction.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"bento-grid wrap\">\r\n\r\n    <div class=\"bento-card b1\">\r\n      <div class=\"bento-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bento-title\">Performance Above Everything<\/h3>\r\n      <p class=\"bento-desc\">Our first filter for every decision: does this move the performance needle? Not \"does it look nice\", not \"is it trending\" \u2014 does it make our client's business more profitable. If the answer isn't clearly yes, we don't do it.<\/p>\r\n      <div class=\"b1-metric\">\r\n        <div>\r\n          <div class=\"b1-met-num\">6%<\/div>\r\n          <div class=\"b1-met-lbl\">Avg. Conversion Rate<\/div>\r\n        <\/div>\r\n        <div style=\"width:1px;background:rgba(255,255,255,.07);\"><\/div>\r\n        <div>\r\n          <div class=\"b1-met-num\">1M+<\/div>\r\n          <div class=\"b1-met-lbl\">Organic Impressions<\/div>\r\n        <\/div>\r\n        <div style=\"width:1px;background:rgba(255,255,255,.07);\"><\/div>\r\n        <div>\r\n          <div class=\"b1-met-num\">7x<\/div>\r\n          <div class=\"b1-met-lbl\">Avg. ROAS Delivered<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bento-card b2\">\r\n      <div class=\"bento-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 8v4l3 3\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bento-title\">Respect for Time<\/h3>\r\n      <p class=\"bento-desc\">Your time is your most scarce resource. Every meeting has an agenda. Every report is scannable in 3 minutes. Every recommendation comes pre-filtered so you never have to wade through noise to find the signal.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bento-card b3\">\r\n      <div class=\"bento-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bento-title\">Integrity First<\/h3>\r\n      <p class=\"bento-desc\">We tell you what you need to hear, not what you want to hear. Even when the truth is uncomfortable.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bento-card b4\">\r\n      <div class=\"bento-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bento-title\">Bias for Action<\/h3>\r\n      <p class=\"bento-desc\">Imperfect action beats perfect inaction. We launch, learn, and iterate faster than anyone else in the room.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bento-card b5\">\r\n      <div class=\"bento-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\/><\/svg>\r\n      <\/div>\r\n      <h3 class=\"bento-title\">Systems Thinking<\/h3>\r\n      <p class=\"bento-desc\">We build platforms, not campaigns. Every initiative compounds into a stronger machine for next month.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bento-card b6\">\r\n      <div class=\"b6-inner\">\r\n        <div class=\"b6-text\">\r\n          <h3>We Grow When You Grow.<\/h3>\r\n          <p>Our incentives are perfectly aligned with yours. We don't have upsell quotas. We don't push services you don't need. Our only metric of success is a client whose business is meaningfully larger because they partnered with us.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/adsrudra.com\/ja\/\" class=\"btn-red\" style=\"white-space:nowrap;flex-shrink:0;\">\r\n          Partner With Us\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     TEAM PHILOSOPHY \u2014 SPLIT\r\n============================================================ -->\r\n<section id=\"team-philo\" aria-label=\"Team and culture\">\r\n  <div class=\"team-philo-inner wrap\">\r\n\r\n    <div class=\"team-img-col\">\r\n      <div class=\"team-img-grid\">\r\n        <div class=\"team-img-item\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/adsrudra.com\/wp-content\/uploads\/2026\/02\/d4963f39cd9b7c2dd4de50e890cbb977.jpg\"\r\n            alt=\"AdsRudra team culture\"\r\n            loading=\"lazy\"\r\n          >\r\n        <\/div>\r\n        <div class=\"team-img-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?q=80&w=600&auto=format&fit=crop\" alt=\"Strategy session\" loading=\"lazy\">\r\n        <\/div>\r\n        <div class=\"team-img-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?q=80&w=600&auto=format&fit=crop\" alt=\"Brand strategy\" loading=\"lazy\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"team-text-col\">\r\n      <div class=\"section-badge\"><span>Our Culture<\/span><\/div>\r\n      <div style=\"margin-bottom:24px;\">\r\n        <span class=\"heading-italic\">The People Behind<\/span>\r\n        <span class=\"heading-bold\">The Philosophy.<\/span>\r\n      <\/div>\r\n      <p class=\"body-text\">We are a small, senior team \u2014 intentionally. No juniors running your accounts while the partners pitch new clients. Every strategy is built, reviewed, and owned by someone with years of real accountability in the field.<\/p>\r\n      <p class=\"body-text\" style=\"margin-top:18px;\">We hire obsessives. People who read competitor landing pages for fun. Who debate attribution models at dinner. Who genuinely get upset when a campaign underperforms because they take it personally.<\/p>\r\n      <p class=\"body-text\" style=\"margin-top:18px;\">That obsessiveness is what separates a team that meets KPIs from a team that transforms businesses.<\/p>\r\n\r\n      <div class=\"highlight-line\">\r\n        <p>\"Hire the agency whose team would be embarrassed to show you a bad result \u2014 because they hold themselves to a higher standard than any SLA could.\"<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     METRICS SHOWCASE\r\n============================================================ -->\r\n<section id=\"metrics\" aria-label=\"Performance metrics\">\r\n  <div class=\"section-head\" style=\"text-align:center;margin-bottom:64px;\">\r\n    <div class=\"section-badge\"><span>The Numbers<\/span><\/div>\r\n    <div>\r\n      <span class=\"heading-italic\">Philosophy Measured<\/span>\r\n      <span class=\"heading-bold\">In Results.<\/span>\r\n    <\/div>\r\n    <p class=\"body-text\" style=\"max-width:500px;margin:16px auto 0;\">\r\n      These aren't projections. These are the real outcomes of running campaigns the AdsRudra way.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"metrics-row wrap\">\r\n    <div class=\"metric-cell\">\r\n      <div class=\"metric-big\">150+<\/div>\r\n      <div class=\"metric-sub\">Brands Scaled<br>Globally<\/div>\r\n    <\/div>\r\n    <div class=\"metric-cell\">\r\n      <div class=\"metric-big\">7x<\/div>\r\n      <div class=\"metric-sub\">Average ROAS<br>Delivered<\/div>\r\n    <\/div>\r\n    <div class=\"metric-cell\">\r\n      <div class=\"metric-big\">6%<\/div>\r\n      <div class=\"metric-sub\">Avg. Conversion<br>Rate Achieved<\/div>\r\n    <\/div>\r\n    <div class=\"metric-cell\">\r\n      <div class=\"metric-big\">1M+<\/div>\r\n      <div class=\"metric-sub\">Monthly Organic<br>Impressions<\/div>\r\n    <\/div>\r\n    <div class=\"metric-cell\">\r\n      <div class=\"metric-big\">3%<\/div>\r\n      <div class=\"metric-sub\">Client Churn Rate<br>(Industry avg: 35%)<\/div>\r\n    <\/div>\r\n    <div class=\"metric-cell\">\r\n      <div class=\"metric-big\">48h<\/div>\r\n      <div class=\"metric-sub\">Average Campaign<br>Launch Time<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     OUR PROMISE \u2014 FINAL CTA\r\n============================================================ -->\r\n<section id=\"promise\" aria-label=\"Our promise to clients\">\r\n  <div class=\"promise-inner\">\r\n    <div class=\"section-badge\" style=\"margin:0 auto 28px;display:inline-flex;\"><span>Our Promise<\/span><\/div>\r\n\r\n    <h2>\r\n      <em>We Promise You<\/em><br>\r\n      One Thing Only.\r\n    <\/h2>\r\n\r\n    <p>\r\n      Honest strategy. Relentless execution. Transparent reporting. We will never celebrate a vanity metric with you. We will only celebrate when your revenue grows, your profit improves, and your business is genuinely stronger because we were in it together.\r\n    <\/p>\r\n\r\n    <div class=\"promise-btns\">\r\n      <a href=\"https:\/\/adsrudra.com\/ja\/\" class=\"btn-red\">\r\n        Start a Conversation\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" width=\"15\" height=\"15\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n      <\/a>\r\n      <a href=\"https:\/\/adsrudra.com\/ja\/\" class=\"btn-ghost\">Read Case Studies<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"promise-checklist\">\r\n      <div class=\"promise-check-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        No lock-in contracts\r\n      <\/div>\r\n      <div class=\"promise-check-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        100% account ownership\r\n      <\/div>\r\n      <div class=\"promise-check-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        Weekly transparent reporting\r\n      <\/div>\r\n      <div class=\"promise-check-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M20 6L9 17l-5-5\"\/><\/svg>\r\n        Profit-first strategy always\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============================================================\r\n     JAVASCRIPT\r\n============================================================ -->\r\n<script>\r\n\/* ---- Pillar accordion ---- *\/\r\n(function(){\r\n  const rows = document.querySelectorAll('.pillar-row');\r\n  rows.forEach(row => {\r\n    const hdr = row.querySelector('.pillar-header');\r\n    hdr.addEventListener('click', () => {\r\n      const isActive = row.classList.contains('active');\r\n      rows.forEach(r => r.classList.remove('active'));\r\n      if (!isActive) row.classList.add('active');\r\n    });\r\n  });\r\n})();\r\n\r\n\/* ---- Scroll reveal (Intersection Observer) ---- *\/\r\n(function(){\r\n  const items = document.querySelectorAll(\r\n    '.belief-card, .tl-item, .bento-card, .metric-cell, .team-img-item'\r\n  );\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach((e, i) => {\r\n      if (e.isIntersecting) {\r\n        e.target.style.opacity = '0';\r\n        e.target.style.transform = 'translateY(24px)';\r\n        e.target.style.transition = `opacity .6s ease ${(Array.from(items).indexOf(e.target) % 4) * 0.1}s, transform .6s ease ${(Array.from(items).indexOf(e.target) % 4) * 0.1}s`;\r\n        requestAnimationFrame(() => {\r\n          e.target.style.opacity = '1';\r\n          e.target.style.transform = 'translateY(0)';\r\n        });\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n  items.forEach(el => io.observe(el));\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Our Philosophy We Believe Results Are Everything. At AdsRudra, philosophy isn&#8217;t a wall poster. It&#8217;s the framework behind every [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-156","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/pages\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":6,"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/pages\/156\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/pages\/156\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/adsrudra.com\/ja\/wp-json\/wp\/v2\/media?parent=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}