:root{
    --ink:#0A0E19;
    --panel:#121729;
    --panel-2:#1A2138;
    --panel-3:#212a45;
    --cyan:#49D8C4;
    --cyan-dim:#2c8b7f;
    --amber:#FF9F52;
    --text:#EEF1F8;
    --muted:#8D96AF;
    --muted-2:#5c6480;
    --border:rgba(255,255,255,0.09);
    --border-bright:rgba(73,216,196,0.35);
    --radius:14px;
    --maxw:1180px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--ink);
    color:var(--text);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed; inset:0;
    background:
      radial-gradient(1100px 600px at 85% -10%, rgba(73,216,196,0.10), transparent 60%),
      radial-gradient(900px 500px at 5% 15%, rgba(255,159,82,0.06), transparent 60%);
    pointer-events:none; z-index:0;
  }
  h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif; font-weight:600; letter-spacing:-0.01em;}
  .mono{font-family:'IBM Plex Mono',monospace;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px; position:relative; z-index:1;}
  section{position:relative; z-index:1;}

  /* Eyebrow / kicker */
  .kicker{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'IBM Plex Mono',monospace; font-size:12.5px; letter-spacing:0.14em;
    text-transform:uppercase; color:var(--cyan);
    margin-bottom:18px;
  }
  .kicker::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan);}

  /* NAV */
  header{
    position:sticky; top:0; z-index:50;
    backdrop-filter:blur(14px);
    background:rgba(10,14,25,0.75);
    border-bottom:1px solid var(--border);
  }
  nav.wrap{display:flex; align-items:center; justify-content:space-between; padding:18px 28px;}
  .brand{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:19px; display:flex; align-items:center; gap:10px;}
  .brand-mark{width:34px; height:34px; border-radius:9px; background:linear-gradient(135deg,var(--cyan),var(--amber)); display:flex; align-items:center; justify-content:center; color:#0A0E19; font-weight:800; font-family:'Space Grotesk';}
  .navlinks{display:flex; gap:32px; font-size:14.5px; color:var(--muted); font-weight:500;}
  .navlinks a:hover{color:var(--text);}
  .nav-cta{
    background:var(--cyan); color:#08130f; padding:10px 20px; border-radius:8px; font-weight:700; font-size:14px;
  }
  .navlinks{display:none;}
  @media(min-width:880px){.navlinks{display:flex;}}

  /* HERO */
  .hero{padding:76px 0 40px;}
  .hero-grid{display:grid; grid-template-columns:1fr; gap:56px; align-items:center;}
  @media(min-width:980px){.hero-grid{grid-template-columns:1.05fr 0.95fr;}}
  .hero h1{font-size:clamp(34px,5vw,54px); line-height:1.08; margin-bottom:22px;}
  .hero h1 .grad{background:linear-gradient(90deg,var(--cyan),#8be8db); -webkit-background-clip:text; background-clip:text; color:transparent;}
  .hero p.lead{font-size:17.5px; color:var(--muted); max-width:540px; margin-bottom:30px;}
  .hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:38px;}
  .btn{
    padding:14px 24px; border-radius:9px; font-weight:700; font-size:14.5px; display:inline-flex; align-items:center; gap:8px;
    border:1px solid transparent; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn-primary{background:var(--cyan); color:#08130f;}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 10px 26px -8px rgba(73,216,196,0.5);}
  .btn-ghost{background:transparent; border:1px solid var(--border); color:var(--text);}
  .btn-ghost:hover{border-color:var(--border-bright); transform:translateY(-2px);}
  .btn-amber{background:var(--amber); color:#2a1300;}
  .btn-amber:hover{transform:translateY(-2px); box-shadow:0 10px 26px -8px rgba(255,159,82,0.45);}

  .hero-stats{display:flex; gap:30px; flex-wrap:wrap;}
  .stat b{display:block; font-family:'Space Grotesk'; font-size:24px; color:var(--text);}
  .stat span{font-size:12.5px; color:var(--muted-2); font-family:'IBM Plex Mono'; text-transform:uppercase; letter-spacing:.06em;}

  /* Pipeline signature graphic */
  .pipeline-card{
    background:linear-gradient(180deg,var(--panel),var(--panel-2));
    border:1px solid var(--border); border-radius:20px; padding:26px 22px 22px;
    box-shadow:0 30px 70px -30px rgba(0,0,0,0.6);
  }
  .pipeline-card .pc-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;}
  .pipeline-card .pc-title{font-family:'IBM Plex Mono'; font-size:12px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase;}
  .pc-dots{display:flex; gap:6px;}
  .pc-dots span{width:8px; height:8px; border-radius:50%; background:var(--border-bright); opacity:.6;}
  .pipeline{position:relative;}
  .pnode{
    display:flex; align-items:center; gap:14px; padding:13px 14px; border-radius:11px;
    background:var(--panel-3); border:1px solid var(--border); margin-bottom:0; position:relative;
  }
  .pnode .pico{width:34px; height:34px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:16px; flex:none;}
  .pnode .ptxt b{display:block; font-size:13.5px; font-family:'Space Grotesk';}
  .pnode .ptxt span{font-size:12px; color:var(--muted);}
  .pconn{width:2px; height:22px; margin-left:31px; background:repeating-linear-gradient(180deg,var(--cyan),var(--cyan) 4px,transparent 4px,transparent 8px); animation:flow 1s linear infinite;}
  @keyframes flow{ to{ background-position:0 16px; } }
  .pnode:nth-child(1) .pico{background:rgba(73,216,196,0.15); color:var(--cyan);}
  .pnode:nth-child(3) .pico{background:rgba(255,159,82,0.16); color:var(--amber);}
  .pnode:nth-child(5) .pico{background:rgba(73,216,196,0.15); color:var(--cyan);}
  .pnode:nth-child(7) .pico{background:rgba(255,159,82,0.16); color:var(--amber);}
  .pnode:nth-child(9) .pico{background:rgba(73,216,196,0.2); color:var(--cyan);}
  .pc-foot{margin-top:18px; padding-top:16px; border-top:1px solid var(--border); font-size:12.5px; color:var(--muted-2); font-family:'IBM Plex Mono';}

  /* Section headers */
  .sec-head{max-width:640px; margin-bottom:44px;}
  .sec-head h2{font-size:clamp(26px,3.4vw,36px); margin-bottom:14px;}
  .sec-head p{color:var(--muted); font-size:16px;}
  section.pad{padding:88px 0;}
  .divider{height:1px; background:var(--border); max-width:var(--maxw); margin:0 auto;}

  /* Trust bar */
  .trust{padding:34px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
  .trust .wrap{display:flex; flex-wrap:wrap; gap:36px; justify-content:space-between; align-items:center;}
  .trust-item{font-family:'IBM Plex Mono'; font-size:13px; color:var(--muted); letter-spacing:.03em;}
  .trust-item b{color:var(--text); font-family:'Space Grotesk'; font-size:20px; display:block; margin-bottom:2px;}

  /* Services grid */
  .services-grid{display:grid; grid-template-columns:1fr; gap:20px;}
  @media(min-width:720px){.services-grid{grid-template-columns:1fr 1fr;}}
  @media(min-width:1080px){.services-grid{grid-template-columns:1fr 1fr 1fr;}}
  .scard{
    background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:28px 24px;
    transition:border-color .2s ease, transform .2s ease;
  }
  .scard:hover{border-color:var(--border-bright); transform:translateY(-4px);}
  .scard .sidx{font-family:'IBM Plex Mono'; font-size:12px; color:var(--cyan); margin-bottom:14px; letter-spacing:.08em;}
  .scard h3{font-size:19px; margin-bottom:10px;}
  .scard p.desc{color:var(--muted); font-size:14.5px; margin-bottom:16px;}
  .scard ul{list-style:none; display:flex; flex-direction:column; gap:8px;}
  .scard li{font-size:13.5px; color:var(--text); display:flex; gap:9px; align-items:flex-start;}
  .scard li::before{content:"—"; color:var(--muted-2); flex:none;}
  .scard.feature{background:linear-gradient(160deg,rgba(73,216,196,0.08),var(--panel) 45%); border-color:var(--border-bright);}

  /* Tools */
  .tool-group{margin-bottom:34px;}
  .tool-group h4{font-family:'IBM Plex Mono'; font-size:12.5px; text-transform:uppercase; letter-spacing:.1em; color:var(--amber); margin-bottom:14px;}
  .chips{display:flex; flex-wrap:wrap; gap:10px;}
  .chip{
    padding:9px 15px; border:1px solid var(--border); border-radius:100px; font-size:13.5px; color:var(--text);
    background:var(--panel); font-family:'IBM Plex Mono';
  }

  /* Achievements */
  .ach-grid{display:grid; grid-template-columns:1fr; gap:22px;}
  @media(min-width:900px){.ach-grid{grid-template-columns:repeat(3,1fr);}}
  .ach-card{
    background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:26px 22px 24px; display:flex; flex-direction:column; gap:14px;
  }
  .ach-top{display:flex; align-items:center; justify-content:space-between;}
  .ach-tag{font-family:'IBM Plex Mono'; font-size:11.5px; color:var(--cyan); background:rgba(73,216,196,0.1); padding:5px 10px; border-radius:100px; letter-spacing:.05em;}
  .ach-card h3{font-size:18px;}
  .ach-card p{font-size:14px; color:var(--muted);}
  .ach-metrics{display:flex; gap:18px; padding-top:10px; border-top:1px solid var(--border); margin-top:4px;}
  .ach-metrics div b{display:block; font-family:'Space Grotesk'; font-size:20px; color:var(--amber);}
  .ach-metrics div span{font-size:11px; color:var(--muted-2); font-family:'IBM Plex Mono';}
  .editme{background:rgba(255,159,82,0.16); padding:1px 5px; border-radius:4px; color:var(--amber);}

  /* Process */
  .process{display:grid; grid-template-columns:1fr; gap:0;}
  @media(min-width:820px){.process{grid-template-columns:repeat(5,1fr); gap:16px;}}
  .pstep{padding:22px 18px; border-left:2px solid var(--border); position:relative;}
  @media(min-width:820px){.pstep{border-left:none; border-top:2px solid var(--border); padding:22px 4px 0;}}
  .pstep .pnum{font-family:'Space Grotesk'; font-size:26px; color:var(--cyan); margin-bottom:10px;}
  .pstep h4{font-size:15.5px; margin-bottom:8px;}
  .pstep p{font-size:13px; color:var(--muted);}

  /* Insights */
  .insights-grid{display:grid; grid-template-columns:1fr; gap:20px;}
  @media(min-width:800px){.insights-grid{grid-template-columns:repeat(3,1fr);}}
  .icard{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:24px; display:flex; flex-direction:column; gap:12px; min-height:220px;}
  .icard .itag{font-family:'IBM Plex Mono'; font-size:11.5px; color:var(--amber); letter-spacing:.06em; text-transform:uppercase;}
  .icard h3{font-size:16.5px; line-height:1.35;}
  .icard p{font-size:13.5px; color:var(--muted);}
  .icard .iread{margin-top:auto; font-size:13px; color:var(--cyan); font-weight:600;}

  /* Testimonials */
  .testi-grid{display:grid; grid-template-columns:1fr; gap:20px;}
  @media(min-width:800px){.testi-grid{grid-template-columns:repeat(3,1fr);}}
  .tcard{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:26px; display:flex; flex-direction:column; gap:16px;}
  .tcard p{font-size:14.5px; color:var(--text); font-style:italic;}
  .tperson{display:flex; align-items:center; gap:12px;}
  .tavatar{width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,var(--cyan),var(--amber)); flex:none;}
  .tperson b{font-size:13.5px; display:block;}
  .tperson span{font-size:12px; color:var(--muted-2);}

  /* Contact */
  .contact-wrap{display:grid; grid-template-columns:1fr; gap:36px;}
  @media(min-width:960px){.contact-wrap{grid-template-columns:0.85fr 1.15fr;}}
  .contact-side h2{font-size:clamp(26px,3.4vw,34px); margin-bottom:16px;}
  .contact-side p{color:var(--muted); margin-bottom:26px; font-size:15.5px;}
  .contact-detail{display:flex; align-items:center; gap:12px; margin-bottom:16px; font-size:14.5px;}
  .contact-detail .cico{width:36px; height:36px; border-radius:9px; background:var(--panel-3); display:flex; align-items:center; justify-content:center; flex:none; border:1px solid var(--border);}
  .meet-box{margin-top:28px; padding:20px; border:1px dashed var(--border-bright); border-radius:12px; background:rgba(73,216,196,0.05);}
  .meet-box h4{font-size:14.5px; margin-bottom:8px;}
  .meet-box p{font-size:13px; color:var(--muted); margin-bottom:14px;}

  form.card-form{background:var(--panel); border:1px solid var(--border); border-radius:18px; padding:30px;}
  .frow{display:grid; grid-template-columns:1fr; gap:16px; margin-bottom:16px;}
  @media(min-width:600px){.frow.two{grid-template-columns:1fr 1fr;}}
  label{display:block; font-size:12.5px; font-family:'IBM Plex Mono'; color:var(--muted); margin-bottom:7px; letter-spacing:.03em;}
  input,textarea,select{
    width:100%; background:var(--panel-3); border:1px solid var(--border); color:var(--text); padding:12px 14px;
    border-radius:9px; font-family:'Inter'; font-size:14.5px; outline:none; transition:border-color .15s ease;
  }
  input:focus,textarea:focus,select:focus{border-color:var(--cyan);}
  textarea{resize:vertical; min-height:110px;}
  .form-note{font-size:12px; color:var(--muted-2); margin-top:14px; line-height:1.5;}
  .form-status{font-size:13.5px; margin-top:14px; display:none;}
  .form-status.ok{color:var(--cyan); display:block;}
  .form-status.err{color:var(--amber); display:block;}

  footer{padding:44px 0; border-top:1px solid var(--border); margin-top:20px;}
  footer .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; align-items:center;}
  footer p{font-size:13px; color:var(--muted-2);}
  .foot-links{display:flex; flex-wrap:wrap; gap:16px 20px; font-size:13px; color:var(--muted);}

  ::selection{background:var(--cyan); color:#08130f;}

/* Brand as clickable link */
.brand{cursor:pointer;}

/* Back to top button */
#backToTop{
  position:fixed; right:22px; bottom:22px; z-index:60;
  width:46px; height:46px; border-radius:50%;
  background:var(--cyan); color:#08130f; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:700;
  box-shadow:0 12px 28px -8px rgba(73,216,196,0.55);
  opacity:0; pointer-events:none; transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease;
}
#backToTop.show{opacity:1; pointer-events:auto; transform:translateY(0);}
#backToTop:hover{transform:translateY(-3px);}

/* About / Credentials section */
.about-grid{display:grid; grid-template-columns:1fr; gap:20px; margin-top:36px;}
@media(min-width:820px){.about-grid{grid-template-columns:1fr 1fr;}}
.cred-card{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:26px 24px;}
.cred-card h4{font-family:'IBM Plex Mono'; font-size:12.5px; text-transform:uppercase; letter-spacing:.1em; color:var(--cyan); margin-bottom:18px;}
.cred-list{list-style:none; display:flex; flex-direction:column; gap:14px;}
.cred-list li{display:flex; gap:12px; align-items:flex-start; font-size:14.5px;}
.cred-list li .cbadge{width:8px; height:8px; border-radius:50%; background:var(--amber); margin-top:7px; flex:none;}
.cred-list li b{display:block; font-family:'Space Grotesk'; font-size:15px; font-weight:600;}
.cred-list li span{color:var(--muted); font-size:13px;}

/* Policy pages */
.policy-hero{padding:64px 0 20px;}
.policy-content{padding:20px 0 80px;}
.policy-content h2{font-size:24px; margin:34px 0 14px;}
.policy-content h2:first-child{margin-top:0;}
.policy-content h3{font-size:17px; margin:22px 0 10px; color:var(--text);}
.policy-content p{color:var(--muted); font-size:15px; margin-bottom:14px; max-width:760px;}
.policy-content ul{color:var(--muted); font-size:15px; margin:0 0 14px 20px; max-width:760px;}
.policy-content li{margin-bottom:8px;}
.policy-content strong{color:var(--text);}
.policy-updated{font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--muted-2); margin-bottom:8px;}

/* ============ HIRE-ME LANDING PAGE ============ */

/* Result / comparison bar chart card (hero visual) */
.result-metric{margin-bottom:22px;}
.result-metric:last-child{margin-bottom:0;}
.rm-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:8px;}
.rm-head b{font-family:'Space Grotesk'; font-size:14.5px;}
.rm-head span{font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--amber);}
.rm-bar-row{display:flex; align-items:center; gap:10px; margin-bottom:6px;}
.rm-bar-label{width:56px; font-size:11px; color:var(--muted-2); font-family:'IBM Plex Mono'; flex:none;}
.rm-bar-track{flex:1; height:10px; background:var(--panel-3); border-radius:6px; overflow:hidden;}
.rm-bar-fill{height:100%; border-radius:6px;}
.rm-bar-fill.before{background:var(--muted-2); width:100%;}
.rm-bar-fill.after-cpa{background:var(--cyan); width:50%;}
.rm-bar-fill.after-roas{background:var(--amber); width:100%;}

/* Pillars */
.pillars-grid{display:grid; grid-template-columns:1fr; gap:18px;}
@media(min-width:720px){.pillars-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1080px){.pillars-grid{grid-template-columns:repeat(3,1fr);}}
.pillar-card{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:26px 22px;}
.pillar-card .picon{width:42px; height:42px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:19px; margin-bottom:16px; background:rgba(73,216,196,0.12);}
.pillar-card h3{font-size:17px; margin-bottom:8px;}
.pillar-card p{font-size:13.5px; color:var(--muted);}

/* Funnel x Channel matrix infographic */
.matrix-wrap{overflow-x:auto; border:1px solid var(--border); border-radius:var(--radius); background:var(--panel);}
.matrix{width:100%; border-collapse:collapse; min-width:680px;}
.matrix th, .matrix td{padding:14px 12px; text-align:center; border-bottom:1px solid var(--border); font-size:13px;}
.matrix th{font-family:'IBM Plex Mono'; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:500;}
.matrix td:first-child, .matrix th:first-child{text-align:left; font-family:'Space Grotesk'; font-weight:600; color:var(--text); padding-left:20px; position:sticky; left:0; background:var(--panel);}
.matrix tr:last-child td{border-bottom:none;}
.dot{display:inline-block; width:12px; height:12px; border-radius:50%;}
.dot.strong{background:var(--cyan); box-shadow:0 0 8px rgba(73,216,196,0.5);}
.dot.medium{background:var(--amber); opacity:.85;}
.dot.light{background:var(--border-bright); opacity:.4;}

/* Optimization loop infographic */
.loop-grid{display:grid; grid-template-columns:1fr; gap:14px;}
@media(min-width:640px){.loop-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:980px){.loop-grid{grid-template-columns:repeat(4,1fr);}}
.loop-card{background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:20px 18px; position:relative;}
.loop-card .loop-num{font-family:'Space Grotesk'; font-size:13px; color:var(--cyan); font-weight:700; margin-bottom:10px;}
.loop-card h4{font-size:14.5px; margin-bottom:6px;}
.loop-card p{font-size:12.5px; color:var(--muted);}
.loop-note{text-align:center; margin-top:24px; font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--muted-2);}

/* Tech stack tower infographic */
.stack-tower{display:flex; flex-direction:column; gap:0;}
.stack-layer{background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:22px 24px; position:relative;}
.stack-layer + .stack-layer{margin-top:26px;}
.stack-arrow{display:flex; justify-content:center; margin:-14px 0; position:relative; z-index:2;}
.stack-arrow span{width:30px; height:30px; border-radius:50%; background:var(--ink); border:1px solid var(--border-bright); color:var(--cyan); display:flex; align-items:center; justify-content:center; font-size:14px;}
.stack-layer .sl-label{font-family:'IBM Plex Mono'; font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--amber); margin-bottom:12px;}
.stack-layer .chips{gap:8px;}
.stack-layer .chip{font-size:12.5px; padding:7px 13px;}

/* Comparison table */
.compare-wrap{overflow-x:auto;}
.compare{width:100%; border-collapse:collapse; min-width:600px;}
.compare th, .compare td{padding:16px 18px; text-align:left; border-bottom:1px solid var(--border); font-size:14px; vertical-align:top;}
.compare th{font-family:'Space Grotesk'; font-size:15px;}
.compare thead th{background:var(--panel-3); font-family:'IBM Plex Mono'; font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:500;}
.compare td.row-label{font-weight:600; color:var(--text); font-family:'Space Grotesk'; font-size:14px;}
.compare td.win{color:var(--cyan);}
.compare tbody tr:nth-child(odd){background:rgba(255,255,255,0.015);}

/* Mentor section */
.mentor-grid{display:grid; grid-template-columns:1fr; gap:18px;}
@media(min-width:820px){.mentor-grid{grid-template-columns:repeat(3,1fr);}}
.mentor-card{background:linear-gradient(160deg,rgba(255,159,82,0.07),var(--panel) 55%); border:1px solid var(--border); border-radius:var(--radius); padding:24px;}
.mentor-card .mtag{font-family:'IBM Plex Mono'; font-size:11px; color:var(--amber); text-transform:uppercase; letter-spacing:.07em; margin-bottom:10px; display:block;}
.mentor-card h3{font-size:16.5px; margin-bottom:8px;}
.mentor-card p{font-size:13.5px; color:var(--muted);}

.disclaimer-note{font-size:12px; color:var(--muted-2); max-width:620px; margin-top:16px; line-height:1.6;}