:root {
      --white:      #FFFFFF;
      --off-white:  #F9FAFB;
      --black:      #111827;
      --gray:       #6B7280;
      --light-gray: #D1D5DB;
      --blue:       #2563EB;
      --blue-soft:  rgba(37,99,235,.07);
      --border-soft: rgba(17,24,39,.10);
      --panel: rgba(255,255,255,.78);

      --font: "Inter", -apple-system, sans-serif;

      --t-xs:   clamp(.8rem,  .76rem + .2vw,  .875rem);
      --t-sm:   clamp(.875rem,.84rem + .2vw,  1rem);
      --t-body: clamp(1rem,   .96rem + .2vw,  1.125rem);
      --t-h2:   clamp(1.5rem, 1rem   + 1.4vw, 2rem);
      --t-h1:   clamp(2rem,   .8rem  + 3.8vw, 3rem);

      --radius-card: 12px;
      --radius-btn:  8px;
      --shadow-card: 0 1px 2px rgba(17,24,39,.04);
      --shadow-hover: 0 2px 8px rgba(17,24,39,.06);

      --ease: cubic-bezier(.16,1,.3,1);
      --t: 180ms cubic-bezier(.16,1,.3,1);
      --max-w: 1200px;
      --pad-x: clamp(1.5rem,4vw,4rem);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:64px}
    body{min-height:100dvh;font-family:var(--font);font-size:var(--t-body);color:var(--black);background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFE 42%,#FFFFFF 100%);line-height:1.6}
    img,svg{display:block;max-width:100%}
    button,a{cursor:pointer;border:none;background:none;font:inherit;color:inherit;text-decoration:none}
    ::selection{background:rgba(37,99,235,.12)}
    :focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}
    @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.brand-logo-animated .b{animation:none!important;transform:none!important;opacity:1!important}}

    /* ── NAV ── */
    .nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--light-gray)}
    .nav-inner{max-width:var(--max-w);margin:0 auto;padding:.9rem var(--pad-x);display:flex;align-items:center;justify-content:space-between}
    .logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;color:var(--black);text-decoration:none}
    .brand-logo-animated .b{display:inline-block;will-change:transform,opacity}
    .logo .b{font-weight:900;color:var(--blue)}
    .brand-logo-animated .b:first-of-type{animation:bracketCloseLeft 1.35s var(--ease) .25s both}
    .brand-logo-animated .b:last-of-type{animation:bracketCloseRight 1.35s var(--ease) .25s both}
    .brand-logo-animated:hover .b:first-of-type{animation:bracketRepeatLeft 1s var(--ease) both}
    .brand-logo-animated:hover .b:last-of-type{animation:bracketRepeatRight 1s var(--ease) both}
    @keyframes bracketCloseLeft{
      0%{transform:translateX(-.62em);opacity:1}
      55%,100%{transform:translateX(0);opacity:1}
    }
    @keyframes bracketCloseRight{
      0%{transform:translateX(.62em);opacity:1}
      55%,100%{transform:translateX(0);opacity:1}
    }
    @keyframes bracketRepeatLeft{
      0%{transform:translateX(-.38em);opacity:.3}
      100%{transform:translateX(0);opacity:1}
    }
    @keyframes bracketRepeatRight{
      0%{transform:translateX(.38em);opacity:.3}
      100%{transform:translateX(0);opacity:1}
    }
    .b{color:var(--blue)}
    .brand{white-space:nowrap;font-weight:inherit;letter-spacing:-.02em}
    .brand .b{color:var(--blue)}
    .nav-r{display:flex;align-items:center;gap:.5rem}
    .ghost{padding:.35rem .85rem;font-size:var(--t-xs);font-weight:500;color:var(--gray);border-radius:var(--radius-btn);transition:color var(--t),background var(--t)}
    .ghost:hover{color:var(--black);background:var(--off-white)}
    .btn-nav{padding:.38rem 1.1rem;font-size:var(--t-xs);font-weight:600;color:var(--white);background:var(--black);border-radius:var(--radius-btn);transition:background var(--t),transform var(--t)}
    .btn-nav:hover{background:var(--blue);transform:translateY(-1px)}
    .btn-nav:active{transform:translateY(0)}

    /* ── SECTION WRAPPER ── */
    .section{max-width:var(--max-w);margin:0 auto;padding:6.25rem var(--pad-x)}
    .section-divider{border:none;margin:0}

    /* ── HERO ── */
    .hero{max-width:var(--max-w);margin:0 auto;padding:calc(5.25rem + 54px) var(--pad-x) 5rem;display:block;min-height:auto}
    .left{display:flex;flex-direction:column;gap:1.5rem;max-width:760px}
    .eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--t-xs);font-weight:600;color:var(--gray);letter-spacing:.07em;text-transform:uppercase;opacity:0;animation:up .5s var(--ease) .1s forwards}
    .eyebrow::before,.section-label::before,.cta-label::before{content:'[';display:inline-block;color:var(--blue);font-weight:700;font-size:1.05em;line-height:1;transform:translateY(-.02em)}
    .eyebrow-line{display:none}
    .headline{font-size:var(--t-h1);font-weight:700;line-height:1.15;letter-spacing:-.02em;opacity:0;animation:up .65s var(--ease) .22s forwards}
    .headline span{display:block}
    .headline .brand,.headline .brand .b{display:inline}
    .tw-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .55rem;min-height:1.15em}
    .tw-label{color:var(--gray)}
    .tw-word{
      color:var(--blue);font-weight:600;
      display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;
    }
    .tw-word span{
      display:inline-flex;align-items:center;
      padding:.12rem .45rem;border:1px solid rgba(37,99,235,.16);
      border-radius:999px;background:rgba(37,99,235,.055);
      white-space:nowrap;
    }
    .sub{font-size:var(--t-body);color:var(--gray);line-height:1.75;max-width:52ch;opacity:0;animation:up .6s var(--ease) .38s forwards}
    .sub strong{color:var(--black);font-weight:600}
    .hero-service-link{font-size:var(--t-sm);color:var(--gray);line-height:1.65;max-width:54ch;opacity:0;animation:up .6s var(--ease) .45s forwards}
    .hero-service-link a{color:var(--blue);font-weight:700;border-bottom:1px solid rgba(37,99,235,.25)}
    .hero-service-link a:hover{border-bottom-color:var(--blue)}
    .actions{display:flex;align-items:center;gap:.75rem;opacity:0;animation:up .6s var(--ease) .52s forwards}
    .cta-primary{display:inline-flex;align-items:center;gap:.4rem;padding:.75rem 1.75rem;font-size:var(--t-sm);font-weight:600;color:var(--white);background:var(--black);border-radius:var(--radius-btn);transition:background var(--t),transform var(--t),box-shadow var(--t)}
    .cta-primary:hover{background:var(--blue);transform:translateY(-1px);box-shadow:0 2px 10px rgba(37,99,235,.16)}
    .cta-primary:active{transform:translateY(0)}
    .cta-primary svg{transition:transform var(--t)}
    .cta-primary:hover svg{transform:translateX(3px)}
    .slogan{font-size:var(--t-xs);color:var(--gray);letter-spacing:.02em;opacity:0;animation:up .5s var(--ease) .66s forwards}
    @keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

    /* BENTO */
    .services-intro{margin-top:5.25rem;max-width:620px}
    .services-intro .section-sub{font-size:var(--t-sm)}
    .bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;opacity:0;animation:fi .75s var(--ease) .3s forwards}
    @keyframes fi{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
    .card{background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius-card);padding:1.35rem 1.45rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color var(--t),background var(--t)}
    .card:hover{background:var(--white);border-color:rgba(37,99,235,.22)}
    .card.accent{grid-column:1/-1;background:rgba(37,99,235,.045);border-color:rgba(37,99,235,.18)}
    .card.accent:hover{background:rgba(37,99,235,.07);border-color:rgba(37,99,235,.28);box-shadow:none}
    .cn{font-size:var(--t-xs);font-weight:600;color:var(--light-gray);letter-spacing:.06em;margin-bottom:.1rem}
    .ct{font-size:var(--t-sm);font-weight:600;line-height:1.25;color:var(--black)}
    .cd{font-size:var(--t-xs);color:var(--gray);line-height:1.55}
    .card.accent .cn{color:var(--blue);font-size:1.35rem;line-height:1;margin-bottom:.25rem;letter-spacing:0}
    .card.accent .ct{color:var(--black)}
    .card.accent .cd{color:var(--gray)}
    .badge{margin-top:.5rem;width:fit-content;padding:2px 8px;font-size:var(--t-xs);font-weight:600;color:var(--blue);background:var(--blue-soft);border-radius:4px}
    .card.accent .badge{color:var(--blue);background:rgba(37,99,235,.08)}
    .data-prep-teaser{margin-top:1.35rem;border:1px solid rgba(37,99,235,.16);border-radius:var(--radius-card);background:linear-gradient(135deg,rgba(37,99,235,.065),rgba(255,255,255,.96));padding:1.45rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1.25rem;align-items:center}
    .data-prep-teaser h2{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.18;letter-spacing:-.035em;max-width:760px}
    .data-prep-teaser p{font-size:var(--t-sm);line-height:1.7;color:var(--gray);margin-top:.65rem;max-width:820px}
    .data-prep-teaser a{margin-top:1rem;display:inline-flex;align-items:center;gap:.35rem;font-size:var(--t-sm);font-weight:700;color:var(--blue);border-bottom:1px solid rgba(37,99,235,.25)}
    .data-prep-teaser a:hover{border-bottom-color:var(--blue)}
    .data-prep-stats{display:grid;gap:.65rem}
    .data-prep-stat{border:1px solid rgba(17,24,39,.08);border-radius:18px;background:rgba(255,255,255,.74);padding:.9rem 1rem}
    .data-prep-stat strong{display:block;font-size:1.25rem;line-height:1.1;letter-spacing:-.04em;color:var(--black)}
    .data-prep-stat span{display:block;margin-top:.3rem;font-size:var(--t-xs);line-height:1.5;color:var(--gray)}

    /* ── HOW WE WORK ── */
    .how-header{margin-bottom:3rem}
    .section-label{font-size:var(--t-xs);font-weight:600;color:var(--gray);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center;gap:.45rem}
    .section-title{font-size:var(--t-h2);font-weight:700;line-height:1.2;letter-spacing:-.02em;max-width:32ch}
    .section-sub{margin-top:.75rem;font-size:var(--t-body);color:var(--gray);max-width:52ch;line-height:1.7}

    .steps{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:0;
      position:relative;
      margin-top:3rem;
    }
    /* connector line */
    .steps::before{
      content:'';
      position:absolute;
      top:2rem; /* center of step-num circle */
      left:calc(100% / 10);
      right:calc(100% / 10);
      height:1px;
      background:var(--light-gray);
      z-index:0;
    }

    .step{
      display:flex;flex-direction:column;align-items:flex-start;
      padding:0 1.25rem;
      position:relative;z-index:1;
    }
    .step:first-child{padding-left:0}
    .step:last-child{padding-right:0}

    .step-num{
      width:2.25rem;height:2.25rem;
      display:flex;align-items:center;justify-content:center;
      font-size:var(--t-xs);font-weight:700;
      color:var(--black);
      background:var(--white);
      border:1px solid var(--light-gray);
      border-radius:50%;
      margin-bottom:1rem;
      flex-shrink:0;
      transition:background var(--t),border-color var(--t),color var(--t);
    }
    .step:hover .step-num{background:var(--black);border-color:var(--black);color:var(--white)}

    .step-title{font-size:var(--t-sm);font-weight:600;line-height:1.3;margin-bottom:.35rem}
    .step-desc{font-size:var(--t-xs);color:var(--gray);line-height:1.55}

    /* active step */
    .step.active .step-num{background:var(--blue);border-color:var(--blue);color:var(--white)}
    .step.active .step-title{color:var(--blue)}

    /* ── FOOTER ── */
    .foot{border-top:1px solid var(--light-gray)}
    .foot-inner{max-width:var(--max-w);margin:0 auto;padding:1.25rem var(--pad-x);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
    .foot-logo{font-size:var(--t-sm);font-weight:700;letter-spacing:-.02em}
    .foot p{font-size:var(--t-xs);color:var(--gray)}
    .foot-links{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:flex-end;font-size:var(--t-xs);color:var(--gray)}
    .foot-links a{color:var(--gray);transition:color var(--t)}
    .foot-links a:hover{color:var(--blue)}
    .foot-domain{white-space:nowrap}

    /* ── RESPONSIVE ── */
    @media(max-width:900px){
      .hero{padding-top:calc(3.25rem + 54px)}
      .services-intro{margin-top:4rem}
      .bento{grid-template-columns:1fr 1fr}
      .data-prep-teaser{grid-template-columns:1fr}
      .steps{grid-template-columns:1fr;gap:1.5rem}
      .steps::before{display:none}
      .step{padding:0;flex-direction:row;gap:1rem;align-items:flex-start}
      .step-num{margin-bottom:0;flex-shrink:0}
      .step-body{}
    }
    @media(max-width:600px){
      .nav-inner{padding:.7rem 1.25rem}
      .hero{padding:calc(2.75rem + 54px) 1.25rem 3.5rem}
      .services-intro{margin-top:3.25rem}
      .bento{grid-template-columns:1fr 1fr;gap:.5rem}
      .data-prep-teaser{border-radius:22px;padding:1.1rem}
      .card{padding:.9rem}
      .card.accent{grid-column:1/-1}
      .card:not(.accent) .cd{display:none}
      .nav-r .ghost{display:none}
      .nav-r .nav-blog-link{display:inline-flex}
      .foot-inner{flex-direction:column;gap:.35rem;text-align:center;padding:1rem 1.25rem}
      .section{padding:4.5rem 1.25rem}
    }

    /* ── CASES ── */
    .cases-grid{
      display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
      gap:1.25rem;margin-top:3rem;
    }
    .case-card{
      background:var(--panel);border:1px solid var(--border-soft);
      border-radius:var(--radius-card);padding:1.9rem;
      display:flex;flex-direction:column;
      gap:1rem;align-items:stretch;
      transition:box-shadow var(--t),transform var(--t),background var(--t);
      min-height:100%;
      overflow:hidden;
    }
    .case-card:hover{background:var(--white);border-color:rgba(37,99,235,.22)}
    .case-card--featured{
      background:linear-gradient(180deg,rgba(37,99,235,.055),rgba(255,255,255,.92));
      border-color:rgba(37,99,235,.24);
    }
    .case-card--wide{
      grid-column:1/-1;
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
      gap:1.9rem;
      align-items:stretch;
      background:
        radial-gradient(circle at 88% 12%,rgba(37,99,235,.16),transparent 32%),
        linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,250,251,.9));
      border-color:rgba(37,99,235,.24);
    }
    .case-tag{
      font-size:var(--t-xs);font-weight:600;
      color:var(--blue);background:var(--blue-soft);
      border-radius:4px;padding:2px 8px;width:fit-content;
    }
    .case-card--featured .case-tag{background:rgba(37,99,235,.13);color:#1d4ed8}
    .case-card--wide .case-tag{background:rgba(37,99,235,.13);color:#1d4ed8}
    .case-title{font-size:var(--t-md);font-weight:600;line-height:1.25;color:var(--black);letter-spacing:-.02em}
    .case-card--wide .case-title{font-size:clamp(1.55rem,1.1rem + 1.75vw,2.55rem);line-height:1.08;letter-spacing:-.04em}
    .case-body{font-size:var(--t-xs);color:var(--gray);line-height:1.65}
    .case-card--wide .case-body{font-size:var(--t-sm);line-height:1.7}
    .case-copy,.case-visual{display:flex;flex-direction:column;gap:1rem;min-width:0}
    .case-copy{justify-content:flex-start}
    .case-visual{justify-content:flex-start;flex:1;height:100%}
    .case-flow{
      margin:0;padding:1rem;border:1px solid rgba(37,99,235,.14);
      border-radius:14px;background:rgba(255,255,255,.62);
      display:grid;gap:.45rem;
    }
    .case-flow-row{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:0}
    .case-node{
      min-width:0;flex:1;padding:.5rem .55rem;border-radius:10px;
      background:var(--white);border:1px solid var(--light-gray);
      font-size:var(--t-xs);font-weight:600;color:var(--black);text-align:center;
      box-shadow:0 10px 24px rgba(17,24,39,.035);
    }
    .case-node--accent{background:var(--blue);border-color:var(--blue);color:#fff}
    .case-arrow{color:var(--blue);font-weight:700;font-size:.9rem;flex:0 0 auto;transform:rotate(90deg);align-self:center;line-height:1}
    .case-note{
      font-size:var(--t-xs);line-height:1.55;color:var(--gray);
      padding:.72rem .82rem .72rem .9rem;border-left:3px solid var(--blue);
      background:rgba(37,99,235,.045);border-radius:0 12px 12px 0;
    }
    .case-metrics{
      display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:auto;align-items:stretch;
      width:100%;min-width:0;
    }
    .case-card--featured .case-metrics{grid-template-columns:1fr}
    .case-result{
      padding:.75rem .85rem;border:1px solid var(--light-gray);
      border-radius:12px;background:rgba(255,255,255,.68);
      display:grid;grid-template-columns:minmax(4.6rem,max-content) 1fr;
      align-items:center;gap:.8rem;justify-content:flex-start;
      min-height:72px;height:72px;width:100%;min-width:0;
    }
    .case-result--empty{opacity:0;pointer-events:none}
    .case-metric{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--blue);line-height:1.05;white-space:nowrap}
    .case-metric--pos{color:var(--blue)}
    .case-metric-label{font-size:var(--t-xs);color:var(--gray);line-height:1.3;overflow-wrap:normal}
    .case-list{
      display:grid;gap:.42rem;margin:0;padding:.82rem .9rem;list-style:none;
      font-size:var(--t-xs);color:var(--black);line-height:1.45;
      background:rgba(249,250,251,.82);
      border:1px solid rgba(37,99,235,.13);
      border-radius:14px;
    }
    .case-list li{display:flex;gap:.4rem;align-items:flex-start}
    .case-list li::before{content:"[";color:var(--blue);font-weight:800;line-height:1}
    .case-result-box{
      padding:1rem 1.1rem;border:1px solid rgba(37,99,235,.15);
      border-radius:18px;background:rgba(255,255,255,.82);
      box-shadow:0 18px 40px rgba(17,24,39,.045);
    }
    .case-result-label{
      font-size:var(--t-xs);font-weight:700;color:var(--gray);
      letter-spacing:.07em;text-transform:uppercase;margin-bottom:.45rem;
    }
    .case-result-text{font-size:var(--t-sm);line-height:1.65;color:var(--black)}
    .case-platforms{
      padding:.9rem 1rem;border:1px solid rgba(17,24,39,.07);
      border-radius:16px;background:rgba(17,24,39,.035);
      font-size:var(--t-xs);line-height:1.65;color:var(--gray);
    }
    .platform-tags-block{
      padding:.95rem 1rem;border:1px solid rgba(17,24,39,.07);
      border-radius:16px;background:rgba(17,24,39,.035);
    }
    .platform-tags-title{
      font-size:var(--t-xs);font-weight:700;color:var(--black);
      margin:0 0 .75rem;line-height:1.35;
    }
    .platform-tags{display:flex;flex-wrap:wrap;gap:.45rem}
    .platform-tag{
      display:inline-flex;align-items:center;min-height:30px;
      padding:.34rem .72rem;border:1px solid rgba(37,99,235,.16);
      border-radius:999px;background:rgba(255,255,255,.78);
      color:var(--black);font-size:var(--t-xs);font-weight:600;line-height:1.2;
      white-space:nowrap;
    }
    .platform-tags-note{
      margin-top:.65rem;font-size:var(--t-xs);line-height:1.45;color:var(--gray);
    }
    .case-deliverables-title{
      font-size:var(--t-xs);font-weight:700;color:var(--gray);
      letter-spacing:.07em;text-transform:uppercase;margin:0 0 .75rem;
    }
    .deliverables-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.48rem;margin:0}
    .deliverable-tile{
      min-height:98px;padding:.68rem .68rem;border:1px solid rgba(37,99,235,.14);
      border-radius:16px;background:rgba(255,255,255,.82);
      display:flex;flex-direction:column;gap:.32rem;
      box-shadow:0 14px 30px rgba(17,24,39,.035);
    }
    .tile-icon{
      width:1.35rem;height:1.35rem;color:var(--blue);
      flex:0 0 auto;
    }
    .tile-title{
      font-size:var(--t-xs);font-weight:700;color:var(--black);line-height:1.22;
    }
    .tile-caption{
      font-size:clamp(.66rem,.6rem + .12vw,.72rem);line-height:1.28;color:var(--gray);
    }
    .case-card--wide .case-flow{margin-top:.25rem}
    .case-flow-caption{
      margin-top:.55rem;font-size:var(--t-xs);line-height:1.45;color:var(--gray);
    }
    .case-deliverables{
      display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:0;padding:0;list-style:none;
    }
    .case-deliverables li{
      min-height:62px;display:flex;align-items:flex-start;gap:.4rem;
      padding:.75rem .8rem;border:1px solid rgba(37,99,235,.13);
      border-radius:14px;background:rgba(255,255,255,.78);
      font-size:var(--t-xs);line-height:1.4;color:var(--black);
    }
    .case-deliverables li::before{content:"[";color:var(--blue);font-weight:800;line-height:1}
    .case-cta{
      width:100%;padding:.85rem 1rem;border-radius:var(--radius-btn);
      background:var(--black);color:var(--white);
      font-size:var(--t-sm);font-weight:600;
      transition:background var(--t),transform var(--t);
    }
    .case-card--wide .case-cta{margin-top:auto}
    .case-cta:hover{background:var(--blue);transform:translateY(-1px)}
    .case-trademark-note{
      grid-column:1/-1;margin-top:1rem;
      font-size:var(--t-xs);line-height:1.55;color:var(--gray);
    }
    @media(max-width:1100px){
      .cases-grid{grid-template-columns:1fr}
      .case-card{padding:1.65rem}
      .case-card--wide{grid-template-columns:1fr}
      .case-flow-row{flex-direction:column;align-items:stretch}
      .case-arrow{transform:rotate(90deg);align-self:center}
      .deliverables-grid{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:600px){
      .case-card{padding:1.25rem;border-radius:20px}
      .case-card--wide .case-title{font-size:1.55rem}
      .case-flow{padding:.7rem}
      .case-metrics,.case-card--featured .case-metrics{grid-template-columns:1fr}
      .case-result{min-height:76px;height:76px;grid-template-columns:minmax(4rem,max-content) 1fr}
      .deliverables-grid{grid-template-columns:1fr}
      .case-deliverables{grid-template-columns:1fr}
      .case-platforms{font-size:.78rem}
      .platform-tag{white-space:normal}
    }

    /* ── BENTO TOOLTIP (fixed portal) ── */
    .card{ position:relative; }
    .card-tip{ display:none }  /* hidden in DOM, shown via JS portal */

    #tip-portal{
      position:fixed;
      z-index:9999;
      pointer-events:none;
      width:240px;
      background:var(--black);
      color:var(--white);
      border-radius:var(--radius-card);
      padding:1rem 1.125rem;
      font-size:var(--t-xs);
      line-height:1.6;
      box-shadow:0 4px 16px rgba(17,24,39,.14);
      opacity:0;
      transform:translateY(6px);
      transition:opacity .2s cubic-bezier(.16,1,.3,1), transform .2s cubic-bezier(.16,1,.3,1);
    }
    #tip-portal.visible{
      opacity:1;
      transform:translateY(0);
    }
    #tip-portal::before{
      content:'';
      position:absolute;
      top:-5px; left:1.25rem;
      width:10px; height:10px;
      background:var(--black);
      transform:rotate(45deg);
      border-radius:2px;
    }
    #tip-portal.above::before{
      top:auto; bottom:-5px;
    }
    #tip-portal ul{
      list-style:none;
      display:flex;flex-direction:column;gap:.3rem;
      margin-top:.4rem;
    }
    #tip-portal ul li{
      display:flex;align-items:flex-start;gap:.4rem;
      color:rgba(255,255,255,.75);
    }
    #tip-portal ul li::before{
      content:'→';
      color:var(--blue);
      font-size:.7rem;
      margin-top:.15rem;
      flex-shrink:0;
    }
    #tip-portal strong{ color:var(--white); font-weight:600; display:block; margin-bottom:.3rem }

    /* ── WHY RD[AI] ── */
    .why-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1px;
      background:var(--light-gray);
      border:1px solid var(--border-soft);
      border-radius:var(--radius-card);
      overflow:hidden;
      margin-top:3rem;
    }
    .why-item{
      background:var(--white);
      padding:2rem 1.75rem;
      display:flex;flex-direction:column;gap:.6rem;
      transition:background var(--t);
    }
    .why-item:hover{ background:rgba(249,250,251,.7);border-color:rgba(37,99,235,.18) }
    .why-icon{
      width:2rem;height:2rem;
      color:var(--blue);
      margin-bottom:.25rem;
    }
    .why-title{
      font-size:var(--t-sm);font-weight:600;
      line-height:1.25;color:var(--black);
    }
    .why-desc{
      font-size:var(--t-xs);color:var(--gray);
      line-height:1.6;
    }
    @media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:600px){.why-grid{grid-template-columns:1fr}}

    /* ── FINAL CTA ── */
    .cta-section{
      background:linear-gradient(180deg,var(--off-white),#FFFFFF);
      color:var(--black);
      border-top:1px solid rgba(17,24,39,.06);
    }
    .cta-inner{
      max-width:var(--max-w);margin:0 auto;
      padding:5rem var(--pad-x);
      display:grid;grid-template-columns:1fr 1fr;
      gap:4rem;align-items:center;
    }
    .cta-left{ display:flex;flex-direction:column;gap:1.5rem }
    .cta-label{
      font-size:var(--t-xs);font-weight:600;
      color:var(--gray);
      letter-spacing:.07em;text-transform:uppercase;
      display:flex;align-items:center;gap:.5rem;
    }
    .cta-heading{
      font-size:var(--t-h2);font-weight:700;
      line-height:1.15;letter-spacing:-.02em;
      color:var(--black);
    }
    .cta-heading .accent{ color:var(--blue) }
    .cta-subtext{
      font-size:var(--t-body);
      color:var(--gray);
      line-height:1.7;max-width:42ch;
    }
    .cta-links{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:.35rem;
    }
    .founder-card{
      margin-top:1.5rem;
      display:grid;
      grid-template-columns:minmax(360px,1.05fr) minmax(0,.95fr);
      gap:1.4rem;
      align-items:center;
      padding:1.25rem;
      border:1px solid var(--border-soft);
      border-radius:var(--radius-card);
      background:rgba(255,255,255,.72);
      box-shadow:0 18px 50px rgba(17,24,39,.045);
      max-width:1040px;
    }
    .founder-photo{
      width:100%;
      aspect-ratio:1280/760;
      height:auto;
      min-height:0;
      border-radius:0;
      object-fit:contain;
      object-position:center;
      background:transparent;
      display:block;
      box-shadow:none;
    }
    .founder-info{display:flex;flex-direction:column;gap:.65rem}
    .founder-name{
      font-size:clamp(1.15rem,1rem + .6vw,1.55rem);
      font-weight:700;
      color:var(--black);
      letter-spacing:-.03em;
      line-height:1.15;
    }
    .founder-role{
      font-size:var(--t-xs);
      color:var(--blue);
      font-weight:700;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .founder-text{
      font-size:var(--t-xs);
      color:var(--gray);
      line-height:1.55;
    }
    .founder-bio{
      display:flex;
      flex-direction:column;
      gap:.55rem;
      color:var(--gray);
      font-size:var(--t-sm);
      line-height:1.62;
    }
    .founder-bio strong{color:var(--black);font-weight:700}
    .founder-contacts{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:.5rem;
      margin-top:.35rem;
    }
    .founder-contact{
      display:inline-flex;
      align-items:center;
      justify-content:flex-start;
      min-height:2rem;
      padding:.5rem .75rem;
      border:1px solid var(--border-soft);
      border-radius:12px;
      background:var(--white);
      color:var(--black);
      font-size:var(--t-xs);
      font-weight:700;
      transition:color var(--t),border-color var(--t),background var(--t);
    }
    .founder-contact:hover{
      color:var(--blue);
      border-color:rgba(37,99,235,.28);
      background:rgba(37,99,235,.06);
    }
    .cta-contact-note{font-size:var(--t-xs);font-weight:600;color:var(--gray);letter-spacing:.05em;text-transform:uppercase}
    .cta-contact-line{font-size:var(--t-sm);color:var(--gray);line-height:1.6}
    .cta-contact-line a{color:var(--black);font-weight:600;transition:color var(--t)}
    .cta-contact-line a:hover{color:var(--blue)}

    /* Form */
    .cta-form{
      background:var(--white);
      border:1px solid var(--border-soft);
      border-radius:var(--radius-card);
      padding:2rem;
      display:flex;flex-direction:column;gap:1rem;
    }
    .cta-form p{
      font-size:var(--t-xs);font-weight:600;
      color:var(--gray);
      letter-spacing:.04em;text-transform:uppercase;
      margin-bottom:.25rem;
    }
    .form-field{
      display:flex;flex-direction:column;gap:.35rem;
    }
    .form-field label{
      font-size:var(--t-xs);font-weight:500;
      color:var(--gray);
    }
    .form-field input,
    .form-field textarea,
    .form-field select{
      background:var(--off-white);
      border:1px solid var(--border-soft);
      border-radius:var(--radius-btn);
      padding:.65rem .875rem;
      font-size:var(--t-sm);
      color:var(--black);
      font-family:var(--font);
      outline:none;
      transition:border-color var(--t),background var(--t);
    }
    .form-field input::placeholder,
    .form-field textarea::placeholder{color:rgba(107,114,128,.7)}
    .form-field input:focus,
    .form-field textarea:focus{
      border-color:var(--blue);
      background:var(--white);
    }
    .form-field textarea{resize:vertical;min-height:80px}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
    .btn-submit{
      padding:.75rem 1.5rem;
      font-size:var(--t-sm);font-weight:600;
      color:var(--white);background:var(--blue);
      border-radius:var(--radius-btn);
      transition:background var(--t),transform var(--t);
      text-align:center;
    }
    .btn-submit:hover{background:#1d4ed8;transform:translateY(-1px)}
    .btn-submit:active{transform:translateY(0)}
    .form-note{
      font-size:var(--t-xs);
      color:var(--gray);
      line-height:1.5;
      font-weight:500!important;
      letter-spacing:0!important;
      text-transform:none!important;
    }
    .form-consent{
      display:flex;
      align-items:flex-start;
      gap:.55rem;
      font-size:var(--t-xs);
      color:var(--gray);
      line-height:1.45;
    }
    .form-consent input{
      margin-top:.18rem;
      accent-color:var(--blue);
      flex:0 0 auto;
    }
    .form-consent a{color:var(--blue);text-decoration:none}
    .form-consent a:hover{text-decoration:underline}
    .form-status{
      min-height:1.2em;
      font-size:var(--t-xs);
      color:var(--gray);
      line-height:1.45;
      white-space:pre-wrap;
    }
    .lead-success{
      position:fixed;
      inset:0;
      z-index:80;
      display:grid;
      place-items:center;
      padding:1.25rem;
      background:rgba(17,24,39,.34);
      backdrop-filter:blur(12px);
      opacity:1;
      transition:opacity .22s ease;
    }
    .lead-success[hidden]{display:none}
    .lead-success-card{
      width:min(100%,460px);
      border:1px solid rgba(37,99,235,.18);
      border-radius:28px;
      background:rgba(255,255,255,.96);
      box-shadow:0 28px 80px rgba(17,24,39,.18);
      padding:2rem;
      display:flex;
      flex-direction:column;
      gap:1rem;
    }
    .lead-success-mark{
      width:max-content;
      min-width:72px;
      height:44px;
      padding:0 .7rem;
      border-radius:14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:rgba(37,99,235,.1);
      color:var(--blue);
      font-weight:800;
      letter-spacing:-.04em;
      white-space:nowrap;
    }
    .lead-success-title{
      font-size:clamp(1.5rem,1.2rem + 1.3vw,2rem);
      line-height:1.12;
      font-weight:700;
      letter-spacing:-.03em;
      color:var(--black);
    }
    .lead-success-text{
      font-size:var(--t-sm);
      line-height:1.7;
      color:var(--gray);
    }
    .lead-success-close{
      width:100%;
      margin-top:.35rem;
      padding:.8rem 1.25rem;
      border-radius:var(--radius-btn);
      background:var(--black);
      color:var(--white);
      font-size:var(--t-sm);
      font-weight:600;
      transition:background var(--t),transform var(--t);
    }
    .lead-success-close:hover{background:var(--blue);transform:translateY(-1px)}

    /* ── COOKIE CONSENT ── */
    .cookie-consent{
      position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:90;
      display:flex;align-items:center;justify-content:space-between;gap:1rem;
      max-width:980px;margin:0 auto;padding:1rem 1.1rem;
      border:1px solid rgba(37,99,235,.16);
      border-radius:22px;background:rgba(255,255,255,.96);
      box-shadow:0 24px 70px rgba(17,24,39,.16);
      backdrop-filter:blur(14px);
    }
    .cookie-consent[hidden]{display:none}
    .cookie-copy{display:flex;flex-direction:column;gap:.25rem;min-width:0}
    .cookie-title{font-size:var(--t-sm);font-weight:700;color:var(--black)}
    .cookie-text{font-size:var(--t-xs);line-height:1.45;color:var(--gray)}
    .cookie-text a{color:var(--blue);text-decoration:none}
    .cookie-text a:hover{text-decoration:underline}
    .cookie-actions{display:flex;gap:.55rem;flex:0 0 auto}
    .cookie-btn{
      padding:.68rem .9rem;border-radius:999px;
      font-size:var(--t-xs);font-weight:700;
      border:1px solid rgba(17,24,39,.1);
      background:var(--white);color:var(--black);
      transition:background var(--t),color var(--t),transform var(--t),border-color var(--t);
    }
    .cookie-btn:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.28)}
    .cookie-btn--primary{background:var(--blue);border-color:var(--blue);color:#fff}
    .cookie-btn--primary:hover{background:#1d4ed8}
    @media(max-width:700px){
      .cookie-consent{flex-direction:column;align-items:stretch;border-radius:18px}
      .cookie-actions{display:grid;grid-template-columns:1fr 1fr}
      .cookie-btn{width:100%}
    }

    /* ── PRINCIPLE ── */
    .principle-section{
      max-width:var(--max-w);
      margin:0 auto;
      padding:0 var(--pad-x) 5rem;
    }
    .principle-card{
      border:1px solid rgba(37,99,235,.18);
      border-radius:24px;
      background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(249,250,251,.88));
      padding:clamp(1.5rem,3vw,2.5rem);
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:1.5rem;
      align-items:center;
    }
    .principle-label{
      display:flex;align-items:center;gap:.45rem;
      color:var(--blue);font-size:var(--t-xs);font-weight:700;
      letter-spacing:.06em;text-transform:uppercase;margin-bottom:.85rem;
    }
    .principle-label::before{content:"[";font-size:1.15rem;line-height:1;color:var(--blue);font-weight:800}
    .principle-text{
      font-size:clamp(1.35rem,1rem + 1.5vw,2.25rem);
      line-height:1.16;
      letter-spacing:-.04em;
      color:var(--black);
      max-width:24ch;
      font-weight:700;
    }
    .principle-mark{
      color:var(--blue);font-weight:800;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.08em;
      white-space:nowrap;
    }
    @media(max-width:700px){
      .principle-section{padding:0 1.25rem 4rem}
      .principle-card{grid-template-columns:1fr}
      .principle-mark{font-size:2rem}
    }

    @media(max-width:900px){.cta-inner{grid-template-columns:1fr;gap:3rem}}
    @media(max-width:780px){#mid-grid{grid-template-columns:repeat(2,1fr)!important}}
    @media(max-width:480px){#mid-grid{grid-template-columns:1fr!important}}
    @media(max-width:600px){
      .cta-inner{padding:3.5rem 1.25rem}
      .form-row{grid-template-columns:1fr}
      .founder-card{grid-template-columns:1fr;padding:.9rem;gap:1rem}
      .founder-photo{aspect-ratio:1280/760;border-radius:0}
      .founder-contact{width:100%}
    }

    /* ── AI DEMO ── */
    .ai-section{ background:linear-gradient(180deg,#FFFFFF,var(--off-white)); }
    .ai-inner{
      max-width:var(--max-w);margin:0 auto;
      padding:5rem var(--pad-x);
    }
    .ai-wrap{
      max-width:800px;margin:3rem auto 0;
    }
    .ai-prompt-box{
      background:var(--white);
      border:1px solid var(--light-gray);
      border-radius:var(--radius-card);
      padding:1.75rem;
      box-shadow:none;
    }
    .ai-prompt-label{
      font-size:var(--t-xs);font-weight:600;
      color:var(--gray);letter-spacing:.05em;text-transform:uppercase;
      margin-bottom:1rem;
    }
    .ai-input-row{
      display:flex;gap:.75rem;align-items:flex-start;
    }
    .ai-textarea{
      flex:1;
      background:var(--off-white);
      border:1px solid var(--light-gray);
      border-radius:var(--radius-btn);
      padding:.75rem 1rem;
      font-size:var(--t-sm);
      font-family:var(--font);
      color:var(--black);
      resize:none;
      min-height:72px;
      outline:none;
      transition:border-color var(--t),background var(--t);
      line-height:1.6;
    }
    .ai-textarea::placeholder{color:var(--gray)}
    .ai-textarea:focus{border-color:var(--blue);background:var(--white)}
    .ai-send{
      flex-shrink:0;
      padding:.75rem 1.25rem;
      background:var(--black);color:var(--white);
      border-radius:var(--radius-btn);
      font-size:var(--t-sm);font-weight:600;
      display:flex;align-items:center;gap:.4rem;
      transition:background var(--t),transform var(--t);
      white-space:nowrap;
    }
    .ai-send:hover{background:var(--blue);transform:translateY(-1px)}
    .ai-send:active{transform:translateY(0)}
    .ai-send:disabled{opacity:.5;cursor:not-allowed;transform:none}
    .ai-examples{
      display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.875rem;
    }
    .ai-chip{
      font-size:var(--t-xs);padding:3px 10px;
      background:var(--off-white);border:1px solid var(--light-gray);
      border-radius:var(--radius-btn);color:var(--gray);
      cursor:pointer;transition:border-color var(--t),color var(--t),background var(--t);
      -webkit-tap-highlight-color:transparent;touch-action:manipulation;
    }
    .ai-chip:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}
    .ai-chip.active{border-color:var(--blue);color:var(--blue);background:var(--blue-soft)}

    .ai-response{
      margin-top:1.25rem;
      background:var(--white);
      border:1px solid var(--light-gray);
      border-radius:var(--radius-card);
      padding:1.5rem 1.75rem;
      display:none;
    }
    .ai-response.visible{display:block}
    .ai-resp-header{
      display:flex;align-items:center;gap:.5rem;
      margin-bottom:1rem;
      font-size:var(--t-xs);font-weight:600;color:var(--blue);
      letter-spacing:.04em;text-transform:uppercase;
    }
    .ai-resp-header svg{flex-shrink:0}
    .ai-resp-body{font-size:var(--t-sm);color:var(--black);line-height:1.7}
    .ai-resp-body strong{font-weight:600}
    .ai-resp-body ul{
      list-style:none;display:flex;flex-direction:column;gap:.4rem;
      margin:.6rem 0;
    }
    .ai-resp-body ul li{
      display:flex;align-items:flex-start;gap:.5rem;color:var(--gray);
    }
    .ai-resp-body ul li::before{
      content:'→';color:var(--blue);font-size:.75rem;margin-top:.2rem;flex-shrink:0;
    }
    .ai-resp-footer{
      margin-top:1rem;padding-top:1rem;
      border-top:1px solid var(--light-gray);
      display:flex;align-items:center;justify-content:space-between;
      flex-wrap:wrap;gap:.75rem;
    }
    .ai-resp-note{font-size:var(--t-xs);color:var(--gray)}
    .ai-resp-cta{
      font-size:var(--t-xs);font-weight:600;
      color:var(--blue);display:flex;align-items:center;gap:.3rem;
      transition:gap var(--t);
    }
    .ai-resp-cta:hover{gap:.5rem}

    .ai-thinking{
      display:flex;align-items:center;gap:.5rem;
      padding:1rem 0;font-size:var(--t-xs);color:var(--gray);
    }
    .ai-dots span{
      display:inline-block;width:5px;height:5px;background:var(--blue);
      border-radius:50%;margin:0 1px;
      animation:dot-bounce .9s ease-in-out infinite;
    }
    .ai-dots span:nth-child(2){animation-delay:.15s}
    .ai-dots span:nth-child(3){animation-delay:.3s}
    @keyframes dot-bounce{0%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}}

    @media(max-width:600px){
      .ai-input-row{flex-direction:column}
      .ai-send{width:100%;justify-content:center}
      .ai-response.visible{scroll-margin-top:84px}
    }

    /* ── TRUST COUNTERS ── */
    .trust-bar{
      border-bottom:1px solid rgba(17,24,39,.06);
      background:rgba(255,255,255,.72);
    }
    .trust-inner{
      max-width:var(--max-w);margin:0 auto;
      padding:3.5rem var(--pad-x);
      display:grid;grid-template-columns:repeat(4,1fr);
      gap:1rem;
    }
    .trust-item{
      display:flex;flex-direction:column;gap:.25rem;
      border:1px solid rgba(17,24,39,.07);
      border-radius:var(--radius-card);
      padding:1.15rem 1.25rem;
      background:rgba(255,255,255,.72);
    }
    .trust-item:first-child{border-left:1px solid rgba(17,24,39,.07);padding-left:1.25rem}
    .trust-num{
      font-size:clamp(1.45rem,.8rem + 1.6vw,2rem);
      font-weight:700;letter-spacing:-.03em;
      color:var(--black);line-height:1;white-space:nowrap;
    }
    .trust-num .trust-accent{color:var(--blue)}
    .trust-title{font-size:var(--t-sm);font-weight:600;color:var(--black);margin-top:.2rem}
    .trust-label{font-size:var(--t-xs);color:var(--gray);line-height:1.4;max-width:22ch;margin-top:.1rem}
    @media(max-width:700px){
      .trust-inner{grid-template-columns:1fr 1fr;gap:.75rem;padding:2.25rem 1.25rem}
      .trust-item{padding:.9rem;min-width:0}
      .trust-num{font-size:1.05rem;letter-spacing:-.02em;white-space:normal;line-height:1.12}
      .trust-title{font-size:.86rem;line-height:1.25}
      .trust-label{font-size:.76rem;line-height:1.35;max-width:none}
    }
    @media(max-width:360px){.trust-inner{grid-template-columns:1fr}}

    /* ── FAQ ── */
    .faq-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:.5rem;max-width:760px}
    .faq-item{
      border:1px solid var(--light-gray);
      border-radius:var(--radius-card);
      overflow:hidden;
      transition:border-color var(--t);
    }
    .faq-item.open{border-color:var(--blue)}
    .faq-q{
      width:100%;text-align:left;
      display:flex;align-items:center;justify-content:space-between;
      padding:1.1rem 1.375rem;
      font-size:var(--t-sm);font-weight:600;color:var(--black);
      background:var(--white);
      gap:1rem;
      transition:background var(--t);
    }
    .faq-q:hover{background:var(--off-white)}
    .faq-icon{
      flex-shrink:0;width:18px;height:18px;
      display:flex;align-items:center;justify-content:center;
      color:var(--gray);transition:transform .25s var(--ease),color .2s;
    }
    .faq-item.open .faq-icon{transform:rotate(45deg);color:var(--blue)}
    .faq-a{
      max-height:0;overflow:hidden;
      transition:max-height .35s cubic-bezier(.16,1,.3,1);
    }
    .faq-a-inner{
      padding:.25rem 1.375rem 1.25rem;
      font-size:var(--t-sm);color:var(--gray);line-height:1.7;
    }
    .faq-a-inner strong{color:var(--black)}

    /* ── CALCULATOR ── */
    .calc-wrap{
      margin-top:3rem;
      display:grid;grid-template-columns:1fr 1fr;
      gap:1.5rem;
      align-items:start;
    }
    .calc-inputs{
      background:var(--white);border:1px solid var(--light-gray);
      border-radius:var(--radius-card);padding:1.75rem;
      display:flex;flex-direction:column;gap:1.25rem;
    }
    .calc-live-mobile{display:none}
    .calc-field{display:flex;flex-direction:column;gap:.4rem}
    .calc-field label{
      font-size:var(--t-xs);font-weight:600;color:var(--black);
    }
    .calc-field .hint{font-size:var(--t-xs);color:var(--gray);margin-top:.1rem}
    .calc-slider-row{display:flex;align-items:center;gap:.75rem}
    .calc-slider{
      flex:1;-webkit-appearance:none;appearance:none;
      height:4px;border-radius:2px;
      background:var(--light-gray);outline:none;cursor:pointer;
    }
    .calc-slider::-webkit-slider-thumb{
      -webkit-appearance:none;appearance:none;
      width:18px;height:18px;border-radius:50%;
      background:var(--black);border:2px solid var(--white);
      box-shadow:0 0 0 1px var(--light-gray);cursor:pointer;
      transition:background var(--t);
    }
    .calc-slider::-webkit-slider-thumb:hover{background:var(--blue)}
    .calc-val{
      font-size:var(--t-sm);font-weight:700;
      color:var(--black);min-width:3rem;text-align:right;
    }
    .calc-result{
      background:var(--white);border:1px solid var(--border-soft);border-radius:var(--radius-card);
      padding:2rem 1.75rem;
      display:flex;flex-direction:column;gap:1.25rem;
      position:sticky;top:5rem;
    }
    .calc-result-label{
      font-size:var(--t-xs);font-weight:600;
      color:var(--gray);letter-spacing:.07em;text-transform:uppercase;
    }
    .calc-big{
      font-size:clamp(2.2rem,1rem + 3vw,3.5rem);
      font-weight:700;letter-spacing:-.03em;
      color:var(--black);line-height:1;
    }
    .calc-big span{color:var(--blue)}
    .calc-sub{font-size:var(--t-xs);color:var(--gray);margin-top:.25rem}
    .calc-breakdown{
      display:flex;flex-direction:column;gap:.5rem;
      padding-top:1.25rem;
      border-top:1px solid var(--border-soft);
    }
    .calc-row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
    .calc-row-label{font-size:var(--t-xs);color:var(--gray)}
    .calc-row-val{font-size:var(--t-xs);font-weight:600;color:var(--black)}
    .calc-cta{
      display:block;text-align:center;
      padding:.75rem 1.5rem;
      font-size:var(--t-sm);font-weight:600;
      color:var(--white);background:var(--blue);
      border-radius:var(--radius-btn);
      transition:background var(--t),transform var(--t);
      margin-top:.25rem;
    }
    .calc-cta:hover{background:#1d4ed8;transform:translateY(-1px)}
    @media(max-width:800px){.calc-wrap{grid-template-columns:1fr}}
    @media(max-width:600px){
      .calc-live-mobile{
        display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
        position:sticky;top:64px;z-index:3;
        margin:-.25rem 0 .25rem;padding:.85rem 1rem;
        background:rgba(255,255,255,.96);
        border:1px solid rgba(37,99,235,.18);
        border-radius:var(--radius-card);
        box-shadow:0 2px 10px rgba(17,24,39,.06);
      }
      .calc-live-mobile span:first-child{font-size:var(--t-xs);font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}
      .calc-live-mobile strong{font-size:1.15rem;color:var(--blue);letter-spacing:-.02em;white-space:nowrap}
    }
    @media(max-width:360px){.trust-inner{grid-template-columns:1fr!important}}
  
/* ========== HOME 2026 (промышленные архивы) ========== */
:root {
  --c-blue: #2563EB;
  --c-blue-dark: #1D4ED8;
  --c-ink: #111827;
  --c-gray: #374151;
  --c-muted: #6B7280;
  --c-line: #E5E7EB;
  --c-bg: #f8faff;
  --c-bg-white: #ffffff;
  --c-bg-alt: #eff6ff;
  --c-bg-soft: #dbeafe;
  --c-accent-pale: #dbeafe;
  --c-success: #16a34a;
  --c-success-pale: #f0fdf4;
  --c-warn: #d97706;
  --c-warn-pale: #fffbeb;
  --c-radius: 12px;
  --c-radius-sm: 8px;
}
body { background: var(--c-bg); }
#rdai-progress { position: fixed; top: 0; left: 0; height: 3px; background: var(--c-blue); z-index: 300; width: 0%; transition: width 0.1s linear; pointer-events: none; }
.blob { position: absolute; border-radius: 50%; filter: blur(60px); pointer-events: none; z-index: 0; opacity: 0.5; }
@media (max-width: 640px) { .blob { filter: blur(40px); opacity: 0.25; } }
.home-hero {
  padding: 96px 0 80px;
  background: var(--c-bg-white);
  border-bottom: 1px solid var(--c-line);
  position: relative;
  overflow: hidden;
}
.home-hero__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.home-hero__text { min-width: 0; }
.home-eyebrow {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--c-muted);
  letter-spacing: 0.05em;
  margin: 0 0 16px;
  text-transform: none;
}
.home-h1 {
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 20px;
  color: var(--c-ink);
}
.home-sub {
  font-size: 18px;
  line-height: 1.55;
  color: var(--c-gray);
  margin: 0 0 32px;
  max-width: 560px;
}
.home-cta-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.home-btn {
  display: inline-block;
  padding: 14px 24px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  border: 1.5px solid transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.2;
}
.home-btn:hover { transform: translateY(-1px); }
.home-btn--primary { background: var(--c-blue); color: #fff; border-color: var(--c-blue); }
.home-btn--primary:hover { background: var(--c-blue-dark); border-color: var(--c-blue-dark); }
.home-btn--ghost { background: #fff; color: var(--c-ink); border-color: var(--c-line); }
.home-btn--ghost:hover { border-color: var(--c-blue); color: var(--c-blue); }
.home-btn--white { background: #fff; color: var(--c-blue); border-color: #fff; }
.home-btn--white:hover { background: #F1F5F9; }
.home-cta-note {
  font-size: 14px;
  color: var(--c-muted);
  margin: 0;
  max-width: 480px;
}
.home-hero__visual { min-width: 0; }
.home-hero__visual svg {
  width: 100%;
  height: auto;
  max-width: 480px;
  margin-left: auto;
  display: block;
}
.home-section { padding: 80px 0; background: var(--c-bg-white); position: relative; }
.home-section--alt { background: var(--c-bg-alt); }
.home-section .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.home-h2 {
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0 0 12px;
  color: var(--c-ink);
}
.home-lede {
  font-size: 17px;
  color: var(--c-gray);
  margin: 0 0 24px;
  max-width: 680px;
}
.home-dirs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 32px;
}
.home-dir-extra {
  margin: 28px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: var(--c-gray);
}
.home-dir-extra a {
  color: var(--c-blue);
  text-decoration: none;
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
}
.home-dir-extra a:hover { border-bottom-color: var(--c-blue); }
.home-dir {
  display: block;
  padding: 28px;
  background: var(--c-bg-white);
  border: 1.5px solid var(--c-line);
  border-radius: var(--c-radius);
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
.home-dir:hover {
  border-color: var(--c-blue);
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.08);
}
.home-dir--accent { border-color: var(--c-blue); }
.home-dir--muted { background: var(--c-bg-soft); }
.home-dir--muted:hover { background: var(--c-bg-white); }
.home-dir__icon { color: var(--c-blue); margin-bottom: 16px; display: block; }
.home-dir--muted .home-dir__icon { color: var(--c-muted); }
.home-dir__h {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 12px;
  color: var(--c-ink);
}
.home-dir__txt {
  font-size: 15px;
  line-height: 1.55;
  color: var(--c-gray);
  margin: 0 0 20px;
}
.home-dir__link {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: var(--c-blue);
}
.home-dir--muted .home-dir__link { color: var(--c-gray); }

/* schema wrapper копирует .schema из /data */
.home-section .schema {
  margin: 32px 0 0;
  padding: 24px;
  background: var(--c-bg-white);
  border: 1px solid var(--c-line);
  border-radius: var(--c-radius);
  overflow-x: auto;
}
.home-section .schema svg { width: 100%; min-width: 800px; height: auto; }
.home-process-link {
  margin-top: 20px;
  text-align: center;
}
.home-process-link a {
  color: var(--c-blue);
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
.home-process-link a:hover { text-decoration: underline; }

.home-why {
  list-style: none;
  padding: 0;
  margin: 32px 0 0;
  display: grid;
  gap: 28px;
  max-width: 820px;
}
.home-why li {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 20px;
  align-items: start;
}
.home-why__icon {
  color: var(--c-blue);
  flex-shrink: 0;
  margin-top: 2px;
}
.home-why__h {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 6px;
  color: var(--c-ink);
}
.home-why__txt {
  font-size: 16px;
  line-height: 1.55;
  color: var(--c-gray);
  margin: 0;
}
.home-why__txt .home-why__accent, strong.home-why__accent { color: #2563EB; font-weight: 600; }

.home-double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 32px;
}
.home-double__card {
  padding: 32px;
  border-radius: var(--c-radius);
  display: flex;
  flex-direction: column;
}
.home-double__card--ghost {
  background: #fff;
  border: 1.5px solid var(--c-line);
}
.home-double__card--primary {
  background: var(--c-blue);
  color: #fff;
  border: 1.5px solid var(--c-blue);
}
.home-double__h {
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px;
}
.home-double__card--ghost .home-double__h { color: var(--c-ink); }
.home-double__card--primary .home-double__h { color: #fff; }
.home-double__txt {
  font-size: 15px;
  line-height: 1.55;
  margin: 0 0 24px;
  flex-grow: 1;
}
.home-double__card--ghost .home-double__txt { color: var(--c-gray); }
.home-double__card--primary .home-double__txt { color: rgba(255,255,255,0.9); }
.home-double__card .home-btn { align-self: flex-start; }
.home-double__note {
  text-align: center;
  font-size: 14px;
  color: var(--c-muted);
  margin: 24px 0 0;
}

@media (max-width: 900px) {
  .home-hero { padding: 64px 0 56px; }
  .home-hero__grid { grid-template-columns: 1fr; gap: 40px; }
  .home-hero__visual { order: 2; }
  .home-hero__visual svg { max-width: 100%; margin: 0 auto; }
  .home-section { padding: 56px 0; }
  .home-dirs { grid-template-columns: 1fr; }
  .home-double { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .home-hero { padding: 48px 0 40px; }
  .home-section { padding: 48px 0; }
  .home-h1 { font-size: 28px; }
  .home-h2 { font-size: 24px; }
  .home-sub { font-size: 16px; }
  .home-cta-row { flex-direction: column; align-items: stretch; }
  .home-btn { text-align: center; }
}
/* Скрываем все старые секции, которых нет в новом TZ (если вдруг JS их добавит) */
.home-section .schema svg text { font-family: Inter, system-ui, sans-serif; }



              .hs-card { fill: #FFFFFF; stroke: #D1D5DB; stroke-width: 1.5; }
              .hs-out { fill: #FFFFFF; stroke: #2563EB; stroke-width: 1.5; }
              .hs-label { font-family: Inter, system-ui, sans-serif; font-size: 13px; fill: #111827; }
              .hs-sub { font-family: Inter, system-ui, sans-serif; font-size: 11px; fill: #6B7280; }
              .hs-tag { font-family: Inter, system-ui, sans-serif; font-size: 10px; fill: #2563EB; font-weight: 600; letter-spacing: 1px; }
              .hs-rd { font-family: Inter, system-ui, sans-serif; font-size: 14px; fill: #FFFFFF; font-weight: 600; }
              .hs-arrow { fill: none; stroke: #9CA3AF; stroke-width: 1.5; }
              .hs-line { stroke: #E5E7EB; stroke-width: 1; }
            

      .bg { fill: #FFFFFF; }
      .card { fill: #FFFFFF; stroke: #D1D5DB; stroke-width: 1.5; }
      .step-num { font-family: 'Inter', 'Arial', sans-serif; font-size: 13px; font-weight: 600; fill: #2563EB; letter-spacing: 0.06em; }
      .step-title { font-family: 'Inter', 'Arial', sans-serif; font-size: 16px; font-weight: 700; fill: #111827; }
      .step-body { font-family: 'Inter', 'Arial', sans-serif; font-size: 13px; font-weight: 400; fill: #6B7280; }
      .divider-text { font-family: 'Inter', 'Arial', sans-serif; font-size: 12px; font-weight: 500; fill: #6B7280; letter-spacing: 0.04em; }
      .icon-stroke { fill: none; stroke: #111827; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
      .icon-accent { fill: none; stroke: #2563EB; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
      .arrow { fill: none; stroke: #2563EB; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
      .phase-label { font-family: 'Inter', 'Arial', sans-serif; font-size: 12px; font-weight: 600; fill: #6B7280; letter-spacing: 0.1em; text-transform: uppercase; }
    

  #rdai-dl-overlay{position:fixed;inset:0;background:rgba(17,24,39,.55);backdrop-filter:blur(2px);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;font-family:'Inter',system-ui,-apple-system,sans-serif}
  #rdai-dl-overlay.is-open{display:flex}
  #rdai-dl-modal{background:#fff;border-radius:14px;max-width:480px;width:100%;padding:28px;box-shadow:0 24px 72px rgba(17,24,39,.25);max-height:90vh;overflow:auto}
  #rdai-dl-modal h3{margin:0 0 6px;font-size:22px;color:#111827;font-weight:700;line-height:1.25}
  #rdai-dl-modal .rdai-dl-sub{margin:0 0 18px;color:#6B7280;font-size:14px;line-height:1.45}
  #rdai-dl-modal label{display:block;margin:0 0 12px;font-size:13px;color:#374151;font-weight:500}
  #rdai-dl-modal input,#rdai-dl-modal select,#rdai-dl-modal textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #E5E7EB;border-radius:8px;font:inherit;font-size:14px;color:#111827;background:#fff;box-sizing:border-box}
  #rdai-dl-modal input:focus,#rdai-dl-modal select:focus,#rdai-dl-modal textarea:focus{outline:none;border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.15)}
  #rdai-dl-modal .rdai-dl-row{display:flex;gap:10px;margin-top:18px}
  #rdai-dl-modal .rdai-dl-btn{flex:1;padding:11px 16px;border-radius:8px;border:none;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
  #rdai-dl-modal .rdai-dl-btn--primary{background:#2563EB;color:#fff}
  #rdai-dl-modal .rdai-dl-btn--primary:hover{background:#1d4ed8}
  #rdai-dl-modal .rdai-dl-btn--primary:disabled{opacity:.6;cursor:wait}
  #rdai-dl-modal .rdai-dl-btn--ghost{background:#F3F4F6;color:#374151}
  #rdai-dl-modal .rdai-dl-btn--ghost:hover{background:#E5E7EB}
  #rdai-dl-modal .rdai-dl-status{margin-top:14px;font-size:13px;color:#6B7280;min-height:18px}
  #rdai-dl-modal .rdai-dl-status.is-error{color:#B91C1C}
  #rdai-dl-modal .rdai-dl-status.is-ok{color:#059669}
  #rdai-dl-modal .rdai-dl-consent{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:12px;color:#6B7280;line-height:1.4}
  #rdai-dl-modal .rdai-dl-consent input{width:auto;margin:2px 0 0}
  #rdai-dl-modal .rdai-dl-consent a{color:#2563EB;text-decoration:underline}
  #rdai-dl-modal .rdai-dl-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0;width:0}