/*
Theme Name: Adwebtec
Theme URI: https://adwebtec.com
Author: Adwebtec
Description: Custom theme for Adwebtec — performance marketing, SEO, websites, lead generation and AI automation agency, Pune.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: adwebtec
*/



  :root{
    --purple:#300064;
    --purple-soft:#4a1a8c;
    --mint:#00F3BD;
    --cyan:#18DDF6;
    --white:#FFFFFF;
    --bg-soft:#F7F8FA;
    --ink:#17131D;
    --ink-60: rgba(23,19,29,.62);
    --ink-40: rgba(23,19,29,.4);
    --line: rgba(23,19,29,.09);
    --grad-primary: linear-gradient(90deg, var(--mint), var(--cyan));
    --grad-premium: linear-gradient(120deg, var(--purple), var(--mint) 55%, var(--cyan));
    --grad-dark: linear-gradient(160deg, var(--purple), var(--ink));
    --radius: 20px;
    --ease: cubic-bezier(.22,.9,.3,1);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img,svg{display:block; max-width:100%;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .mono{font-family:'JetBrains Mono', monospace;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 32px;}
  @media (max-width:640px){ .wrap{padding:0 20px;} }

  .eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--purple);
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:500;
  }
  .eyebrow::before{
    content:"";
    width:7px; height:7px; border-radius:2px;
    background:var(--grad-primary);
    display:inline-block;
  }

  h1,h2,h3{font-weight:700; letter-spacing:-0.02em; line-height:1.05;}
  h2{font-size:clamp(30px,4.2vw,52px); font-weight:800;}
  p{color:var(--ink-60); line-height:1.65; font-size:16.5px;}

  /* ---------- reduced motion ---------- */
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important;}
  }

  /* ================= NAV ================= */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:18px 0;
    transition:all .4s var(--ease);
  }
  header.scrolled{
    padding:10px 0;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(16px) saturate(1.4);
    -webkit-backdrop-filter:blur(16px) saturate(1.4);
    border-bottom:1px solid var(--line);
    box-shadow:0 8px 30px rgba(23,19,29,.05);
  }
  nav{
    display:flex; align-items:center; justify-content:space-between;
    max-width:1240px; margin:0 auto; padding:0 32px;
  }
  .logo-mark{display:flex; align-items:center; gap:10px;}
  .logo-shapes{width:34px; height:34px;}
  .logo-img{ height:30px; width:auto; display:block; }
  .logo-img-icon{ height:30px; width:auto; display:block; }
  .logo-word{font-weight:800; font-size:19px; color:var(--purple); letter-spacing:-0.01em;}
  .nav-links{display:flex; align-items:center; gap:34px;}
  .nav-links a{
    font-size:14.5px; font-weight:600; color:var(--ink);
    position:relative; padding:4px 0;
  }
  .nav-links a::after{
    content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px;
    background:var(--grad-primary); transition:width .3s var(--ease);
  }
  .nav-links a:hover::after{width:100%;}
  .nav-cta{
    background:var(--purple); color:#fff; font-size:14px; font-weight:700;
    padding:12px 22px; border-radius:100px; border:none; cursor:pointer;
    transition:all .3s var(--ease); position:relative; overflow:hidden;
  }
  .nav-cta:hover{ box-shadow:0 0 0 3px rgba(0,243,189,.35), 0 8px 24px rgba(48,0,100,.25); transform:translateY(-1px);}
  .burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:8px;}
  .burger span{width:22px; height:2px; background:var(--purple); border-radius:2px; transition:all .3s var(--ease);}
  @media (max-width:900px){
    .nav-links{display:none;}
    .burger{display:flex;}
  }

  /* ================= HERO ================= */
  .hero{
    position:relative;
    padding:180px 0 100px;
    background:
      radial-gradient(60% 55% at 82% 8%, rgba(24,221,246,.12), transparent 60%),
      radial-gradient(50% 45% at 8% 25%, rgba(0,243,189,.10), transparent 60%),
      var(--white);
    overflow:hidden;
  }
  .hero-grid{
    display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center;
  }
  @media (max-width:980px){ .hero-grid{grid-template-columns:1fr;} }

  .hero h1{
    font-size:clamp(38px,5.6vw,72px);
    color:var(--ink);
  }
  .hero h1 .line2{ display:block; }
  .hero h1 .accent{
    background:var(--grad-premium);
    -webkit-background-clip:text; background-clip:text; color:transparent;
  }
  .hero-desc{ margin-top:26px; font-size:18px; max-width:520px; }
  .hero-seo-line{ margin-top:14px; font-size:14.5px; color:var(--ink-40); max-width:520px; }
  .hero-cta-row{ display:flex; gap:16px; margin-top:36px; flex-wrap:wrap; }

  .btn-primary{
    background:var(--purple); color:#fff; font-weight:700; font-size:15px;
    padding:16px 30px; border-radius:100px; border:none; cursor:pointer;
    transition:all .35s var(--ease); position:relative;
  }
  .btn-primary:hover{ box-shadow:0 0 0 4px rgba(0,243,189,.3), 0 14px 30px rgba(48,0,100,.28); transform:translateY(-2px); }
  .btn-secondary{
    background:transparent; color:var(--purple); font-weight:700; font-size:15px;
    padding:16px 30px; border-radius:100px; border:1.5px solid var(--purple);
    cursor:pointer; transition:all .3s var(--ease);
  }
  .btn-secondary:hover{ border-color:var(--mint); background:rgba(0,243,189,.06); color:var(--ink);}

  .trust-line{
    margin-top:44px; font-family:'JetBrains Mono',monospace; font-size:12px;
    letter-spacing:.06em; color:var(--ink-40); display:flex; gap:10px; flex-wrap:wrap; align-items:center;
  }
  .trust-line .dot{color:var(--mint);}

  /* --- hero visual: layered growth ecosystem --- */
  .hero-visual{ position:relative; height:520px; }
  .orbit-core{
    position:absolute; top:50%; left:50%; width:220px; height:220px;
    transform:translate(-50%,-50%);
    z-index:5;
    filter:drop-shadow(0 20px 40px rgba(48,0,100,.28));
  }
  .core-shape{
    width:100%; height:100%; position:relative;
    display:flex; align-items:center; justify-content:center;
    animation:coreFloat 6s ease-in-out infinite;
    transform-style:preserve-3d;
  }
  .core-logo-img{
    width:150px; height:auto;
    animation:coreTilt 9s ease-in-out infinite;
  }
  @keyframes coreFloat{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-16px);} }
  @keyframes coreTilt{
    0%,100%{ transform:perspective(600px) rotateY(0deg) rotateX(0deg); }
    25%{ transform:perspective(600px) rotateY(14deg) rotateX(4deg); }
    50%{ transform:perspective(600px) rotateY(0deg) rotateX(-4deg); }
    75%{ transform:perspective(600px) rotateY(-14deg) rotateX(4deg); }
  }

  .float-card{
    position:absolute; background:rgba(255,255,255,.75);
    backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.6);
    border-radius:16px; padding:14px 16px;
    box-shadow:0 20px 40px rgba(23,19,29,.08);
    font-family:'JetBrains Mono',monospace;
    animation:float 7s ease-in-out infinite;
  }
  .float-card .tag{ font-size:10px; letter-spacing:.1em; color:var(--purple); font-weight:700; }
  .float-card .metric{ font-size:11px; color:var(--ink-60); margin-top:6px; display:flex; justify-content:space-between; gap:14px;}
  .float-card .metric b{ color:var(--ink); }
  @keyframes float{ 0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);} }

  .fc-google{ top:2%; left:0; width:190px; animation-delay:0s; }
  .fc-meta{ top:8%; right:0; width:180px; animation-delay:1.4s; }
  .fc-seo{ bottom:22%; left:-4%; width:170px; animation-delay:2.6s; }
  .fc-ai{ bottom:2%; right:2%; width:200px; animation-delay:.8s; }

  .illustrative-tag{
    position:absolute; bottom:-2px; left:0; right:0; text-align:center;
    font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:.1em;
    color:var(--ink-40); text-transform:uppercase;
  }
  @media (max-width:980px){ .hero-visual{ height:400px; } .fc-google,.fc-meta,.fc-seo,.fc-ai{ transform:scale(.82); } }
  @media (max-width:640px){ .hero-visual{ height:320px; } }

  /* ================= SECTION SHELL ================= */
  section{ padding:120px 0; position:relative; }
  section.soft{ background:var(--bg-soft); }
  @media (max-width:768px){ section{ padding:80px 0; } }

  .section-head{ max-width:640px; margin-bottom:56px; }
  .section-head h2{ margin-top:16px; }
  .section-head p{ margin-top:18px; font-size:17px; }
  .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }

  .reveal{ opacity:0; transform:translateY(28px); transition:opacity .8s var(--ease), transform .8s var(--ease); }
  .reveal.in{ opacity:1; transform:translateY(0); }

  /* ---- three pillars (attract/convert/scale) ---- */
  .pillars{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; margin-top:20px; }
  .pillar{ background:#fff; padding:38px 32px; }
  .pillar .num{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--ink-40); }
  .pillar h3{ font-size:22px; margin-top:14px; }
  .pillar p{ margin-top:10px; font-size:15px; }
  @media (max-width:768px){ .pillars{ grid-template-columns:1fr; } }

  /* ---- services grid ---- */
  .services-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:20px; }
  @media (max-width:980px){ .services-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:640px){ .services-grid{ grid-template-columns:1fr; } }
  .service-card{
    background:#fff; border:1px solid var(--line); border-radius:18px; padding:30px 26px;
    transition:all .35s var(--ease); cursor:default;
  }
  .service-card:hover{ transform:translateY(-6px); border-color:transparent; box-shadow:0 24px 50px rgba(48,0,100,.12); }
  .service-icon{ width:38px; height:38px; border-radius:10px; background:var(--grad-primary); margin-bottom:18px; }
  .service-card h3{ font-size:18px; }
  .service-card p{ margin-top:8px; font-size:14.5px; }

  /* ---- feature split (performance/seo/ai/website) ---- */
  .feature{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
  .feature.reverse .feature-visual{ order:2; }
  .feature.reverse .feature-text{ order:1; }
  @media (max-width:980px){ .feature{ grid-template-columns:1fr; gap:40px; } .feature.reverse .feature-visual, .feature.reverse .feature-text{ order:0; } }
  .feature-text h2{ margin-top:14px; font-size:clamp(28px,3.6vw,42px); }
  .feature-text p{ margin-top:18px; font-size:16.5px; max-width:480px; }
  .chip-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
  .chip{
    font-size:13px; font-weight:600; padding:9px 16px; border-radius:100px;
    background:var(--bg-soft); color:var(--ink-60); border:1px solid var(--line);
  }
  .feature-cta{ margin-top:30px; display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--purple); font-size:15px; }
  .feature-cta .arrow{ transition:transform .3s var(--ease); }
  .feature-cta:hover .arrow{ transform:translateX(5px); }

  /* dashboard visual */
  .dash-panel{
    background:linear-gradient(160deg,#1c0740,var(--purple));
    border-radius:24px; padding:28px; position:relative; overflow:hidden;
    box-shadow:0 30px 60px rgba(48,0,100,.25);
  }
  .dash-panel::before{
    content:""; position:absolute; inset:0;
    background:radial-gradient(circle at 80% 0%, rgba(0,243,189,.25), transparent 55%);
  }
  .dash-label{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.12em; color:rgba(255,255,255,.5); text-transform:uppercase; position:relative; z-index:1; }
  .dash-rows{ margin-top:20px; display:flex; flex-direction:column; gap:12px; position:relative; z-index:1; }
  .dash-row{ display:flex; justify-content:space-between; align-items:center; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px 16px; }
  .dash-row .k{ font-size:13px; color:rgba(255,255,255,.7); }
  .dash-row .v{ font-family:'JetBrains Mono',monospace; font-size:14px; color:var(--mint); }
  .dash-bars{ display:flex; align-items:flex-end; gap:6px; height:70px; margin-top:18px; position:relative; z-index:1;}
  .dash-bars .bar{ flex:1; background:linear-gradient(180deg,var(--cyan),var(--mint)); border-radius:4px 4px 0 0; animation:barGrow 1.4s var(--ease) forwards; transform-origin:bottom; }
  @keyframes barGrow{ from{ transform:scaleY(0);} to{ transform:scaleY(1);} }

  /* flow diagram */
  .flow{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:26px; }
  .flow-step{
    font-family:'JetBrains Mono',monospace; font-size:12.5px; font-weight:600;
    background:#fff; border:1px solid var(--line); padding:10px 16px; border-radius:100px;
    color:var(--ink); white-space:nowrap;
  }
  .flow-arrow{ color:var(--mint); font-size:16px; }

  /* seo search viz */
  .seo-viz{ background:var(--bg-soft); border-radius:24px; padding:40px; border:1px solid var(--line); }
  .seo-node{ display:flex; align-items:center; gap:16px; padding:14px 0; }
  .seo-node .dot{ width:10px; height:10px; border-radius:50%; background:var(--grad-primary); flex-shrink:0; }
  .seo-node .txt{ font-family:'JetBrains Mono',monospace; font-size:13px; color:var(--ink); }
  .seo-line{ width:1.5px; height:20px; background:linear-gradient(var(--mint),var(--cyan)); margin-left:4px; }

  /* ---- industries ---- */
  .industries-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:20px; }
  @media (max-width:980px){ .industries-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .industries-grid{ grid-template-columns:1fr; } }
  .industry-card{
    position:relative; border-radius:18px; padding:26px 22px; min-height:160px;
    display:flex; flex-direction:column; justify-content:space-between;
    background:linear-gradient(160deg,#1c0740,var(--purple)); color:#fff;
    overflow:hidden; transition:transform .35s var(--ease);
  }
  .industry-card:hover{ transform:translateY(-6px); }
  .industry-card::after{
    content:""; position:absolute; width:120px; height:120px; border-radius:50%;
    background:radial-gradient(circle,rgba(0,243,189,.35),transparent 70%);
    top:-40px; right:-40px;
  }
  .industry-card h3{ font-size:18px; position:relative; z-index:1; }
  .industry-card p{ color:rgba(255,255,255,.6); font-size:13px; margin-top:8px; position:relative; z-index:1; }

  /* real estate flow section */
  .re-section{ background:var(--grad-dark); color:#fff; border-radius:28px; padding:60px; margin-top:0; }
  .re-section .eyebrow{ color:var(--mint); }
  .re-section .eyebrow::before{ background:var(--mint); }
  .re-section h2{ color:#fff; margin-top:16px; }
  .re-section p{ color:rgba(255,255,255,.65); }
  .re-flow{ display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; align-items:center; }
  .re-flow .flow-step{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.14); color:#fff; }
  @media (max-width:768px){ .re-section{ padding:36px 24px; border-radius:20px; } }

  /* ---- process timeline ---- */
  .process-list{ margin-top:20px; border-top:1px solid var(--line); }
  .process-item{
    display:grid; grid-template-columns:80px 1fr; gap:28px; padding:32px 0;
    border-bottom:1px solid var(--line); align-items:start;
  }
  .process-item .pnum{ font-family:'JetBrains Mono',monospace; font-size:15px; color:var(--purple); font-weight:700; }
  .process-item h3{ font-size:21px; }
  .process-item p{ margin-top:8px; max-width:560px; }
  @media (max-width:640px){ .process-item{ grid-template-columns:1fr; gap:10px; } }

  /* ---- why adwebtec ---- */
  .why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; margin-top:20px; }
  @media (max-width:768px){ .why-grid{ grid-template-columns:1fr; } }
  .why-item{ background:#fff; padding:36px 30px; }
  .why-item h3{ font-size:19px; }
  .why-item p{ margin-top:10px; font-size:14.5px; }

  /* ---- final CTA ---- */
  .cta-final{ background:var(--grad-dark); color:#fff; text-align:center; padding:130px 0; position:relative; overflow:hidden; }
  .cta-final::before{ content:""; position:absolute; inset:0; background:radial-gradient(60% 60% at 50% 0%, rgba(0,243,189,.14), transparent 70%); }
  .cta-final .wrap{ position:relative; z-index:1; }
  .cta-final h2{ color:#fff; max-width:700px; margin:0 auto; }
  .cta-final p{ color:rgba(255,255,255,.62); max-width:520px; margin:20px auto 0; }
  .cta-final .hero-cta-row{ justify-content:center; }
  .cta-final .btn-secondary{ color:#fff; border-color:rgba(255,255,255,.4); }
  .cta-final .btn-secondary:hover{ border-color:var(--mint); background:rgba(0,243,189,.08); }
  .cta-final .mail-link{ margin-top:22px; display:inline-block; color:var(--mint); font-family:'JetBrains Mono',monospace; font-size:14px; }

  /* ---- footer ---- */
  footer{ background:var(--purple); color:#fff; padding:80px 0 30px; }
  .footer-top{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,.12); }
  @media (max-width:900px){ .footer-top{ grid-template-columns:1fr 1fr; } }
  @media (max-width:560px){ .footer-top{ grid-template-columns:1fr; } }
  footer h4{ font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.5); margin-bottom:18px; font-family:'JetBrains Mono',monospace; font-weight:500;}
  footer ul li{ margin-bottom:12px; }
  footer ul li a{ font-size:14.5px; color:rgba(255,255,255,.82); transition:color .25s; }
  footer ul li a:hover{ color:var(--mint); }
  .footer-brand .footer-tagline{ font-size:19px; font-weight:700; margin:18px 0 12px; max-width:320px; }
  .footer-brand p{ color:rgba(255,255,255,.6); font-size:14px; max-width:320px; }
  .footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding-top:26px; flex-wrap:wrap; gap:14px; }
  .footer-bottom p, .footer-bottom a{ font-size:13px; color:rgba(255,255,255,.5); }
  .footer-legal{ display:flex; gap:22px; flex-wrap:wrap; }
  .footer-legal a:hover{ color:#fff; }

  /* utility */
  .placeholder-note{
    font-family:'JetBrains Mono',monospace; font-size:11.5px; color:var(--ink-40);
    margin-top:10px; padding:10px 14px; border:1px dashed var(--line); border-radius:10px; display:inline-block;
  }

  ::selection{ background:var(--mint); color:var(--ink); }


  .contact-hero{ padding:170px 0 60px; background:radial-gradient(60% 55% at 82% 8%, rgba(24,221,246,.12), transparent 60%), radial-gradient(50% 45% at 8% 25%, rgba(0,243,189,.10), transparent 60%), var(--white); }
  .contact-hero h1{ font-size:clamp(34px,4.6vw,56px); max-width:720px; }
  .contact-hero p{ margin-top:18px; font-size:17px; max-width:560px; }

  .contact-layout{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; margin-top:20px; }
  @media (max-width:900px){ .contact-layout{ grid-template-columns:1fr; } }

  .contact-side h3{ font-size:20px; margin-bottom:14px; }
  .contact-side p{ font-size:15px; margin-bottom:26px; }
  .contact-detail{ display:flex; align-items:center; gap:12px; padding:16px 0; border-top:1px solid var(--line); }
  .contact-detail:last-child{ border-bottom:1px solid var(--line); }
  .contact-detail .cd-label{ font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-40); width:90px; flex-shrink:0; }
  .contact-detail .cd-value{ font-size:14.5px; font-weight:600; color:var(--ink); }

  form.contact-form{ background:var(--bg-soft); border:1px solid var(--line); border-radius:24px; padding:36px; }
  .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
  @media (max-width:520px){ .form-row{ grid-template-columns:1fr; } }
  .field{ margin-bottom:18px; }
  .field label{ display:block; font-size:13px; font-weight:600; color:var(--ink); margin-bottom:8px; }
  .field .req{ color:var(--purple); }
  .field input, .field select, .field textarea{
    width:100%; padding:13px 14px; border-radius:12px; border:1px solid var(--line);
    background:#fff; font-family:'Plus Jakarta Sans',sans-serif; font-size:14.5px; color:var(--ink);
    transition:border-color .25s, box-shadow .25s;
  }
  .field input:focus, .field select:focus, .field textarea:focus{
    outline:none; border-color:var(--mint); box-shadow:0 0 0 3px rgba(0,243,189,.18);
  }
  .field textarea{ resize:vertical; min-height:120px; }
  .field-error{ display:none; font-size:12.5px; color:#c0392b; margin-top:6px; }
  .field.invalid input, .field.invalid select, .field.invalid textarea{ border-color:#c0392b; }
  .field.invalid .field-error{ display:block; }

  .form-submit{ width:100%; margin-top:6px; }
  .form-status{ margin-top:16px; font-size:14px; padding:14px 16px; border-radius:12px; display:none; }
  .form-status.success{ display:block; background:rgba(0,243,189,.12); color:#0d7a5f; border:1px solid rgba(0,243,189,.35); }
  .form-status.error{ display:block; background:rgba(192,57,43,.08); color:#c0392b; border:1px solid rgba(192,57,43,.25); }
  .form-note{ font-size:12px; color:var(--ink-40); margin-top:14px; }