/*
 * RONGJING DIGITAL — Frozen Homepage page-level CSS.
 * Extracted in G1-05 from the unique Visual Contract /index.html.
 * Shared shell/reset/font rules proven safe were moved to Production component/global files.
 * Historical Homepage override chains are intentionally preserved until G1-07 browser validation.
 */

    :root{
      --bg:#f7f7f8;
      --ink:#090909;
      --muted:#6d7485;
      --line:#dddddf;
      --violet:#533bff;
      --violet2:#634cff;
    }

    
    html{
      
      scroll-padding-top:96px;
    }
    
    body{
      background:var(--bg);
      color:var(--ink);
      
      
    }

    

    

    

    

    

    

    

    

    

    

    .hero{
      min-height:760px;
      overflow:hidden;
    }

    .hero-inner{
      width:min(1504px, calc(100% - 64px));
      min-height:760px;
      margin:0 auto;
      position:relative;
    }

    .copy{
      position:absolute;
      left:0;
      top:132px;
      width:700px;
      z-index:3;
    }

    h1{
      margin:0;
      max-width:690px;
      font-size:52px;
      line-height:1.16;
      letter-spacing:-.042em;
      font-weight:760;
    }

    .sub{
      margin:30px 0 0;
      width:630px;
      color:var(--muted);
      font-size:17px;
      line-height:1.72;
      letter-spacing:-.01em;
    }

    .hero-actions{
      margin-top:34px;
      display:flex;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }

    .hero-cta{
      min-height:56px;
      border-radius:6px;
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:22px;
      padding:0 20px;
      text-decoration:none;
      font-size:14px;
      font-weight:760;
      transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
    }

    .hero-cta:hover{
      transform:translateY(-1px);
    }

    .hero-cta-primary{
      min-width:258px;
      background:linear-gradient(135deg,var(--violet),var(--violet2));
      color:#fff;
      box-shadow:0 10px 18px rgba(83,59,255,.16);
    }

    .hero-cta-primary:hover{
      box-shadow:0 13px 24px rgba(83,59,255,.22);
    }

    .hero-cta-secondary{
      min-width:auto;
      min-height:44px;
      padding:0 4px;
      gap:8px;
      color:#4b5260;
      background:transparent;
      border:0;
      box-shadow:none;
      justify-content:flex-start;
    }

    .hero-cta-secondary:hover{
      color:#17191f;
      background:transparent;
      box-shadow:none;
    }

    .hero-cta .arrow{
      flex:0 0 auto;
      font-size:20px;
      line-height:1;
      transform:translateY(-1px);
    }

    .capabilities{
      margin-top:52px;
      width:650px;
      padding-top:22px;
      border-top:1px solid #d4d4d8;
    }

    .capabilities-label{
      color:#707987;
      font-size:11px;
      line-height:1.2;
      font-weight:780;
      letter-spacing:.105em;
      margin-bottom:13px;
    }

    .capabilities-list{
      display:flex;
      align-items:center;
      gap:46px;
      font-size:16px;
      font-weight:650;
    }

    .visual{
      position:absolute;
      right:84px;
      top:126px;
      width:620px;
      height:470px;
      z-index:2;
    }

    .slider-stage{
      position:relative;
      width:100%;
      height:100%;
      user-select:none;
      touch-action:pan-y;
      cursor:grab;
    }

    .slider-stage:active{
      cursor:grabbing;
    }

    .project-card{
      position:absolute;
      left:50%;
      top:50%;
      width:300px;
      height:392px;
      border-radius:10px 10px 0 0;
      overflow:hidden;
      background:#fff;
      border:1px solid rgba(20,25,35,.08);
      box-shadow:0 24px 52px rgba(15,23,42,.12), 0 8px 18px rgba(15,23,42,.07);
      transition:
        transform .9s cubic-bezier(.18,.75,.18,1),
        opacity .75s ease,
        filter .75s ease;
      will-change:transform,opacity;
    }

    .project-card::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:120px;
      background:linear-gradient(to bottom, rgba(247,247,248,0), rgba(247,247,248,.94) 72%, var(--bg) 100%);
      z-index:2;
      pointer-events:none;
    }

    .project-card img{
      width:100%;
      height:auto;
      display:block;
    }

    .project-name{
      position:absolute;
      left:14px;
      top:14px;
      z-index:3;
      font-size:11px;
      font-weight:700;
      letter-spacing:.01em;
      padding:7px 9px;
      border-radius:999px;
      background:rgba(255,255,255,.9);
      backdrop-filter:blur(8px);
      box-shadow:0 6px 18px rgba(15,23,42,.08);
    }

    .slider-note{
      position:absolute;
      left:50%;
      bottom:-2px;
      transform:translateX(-50%);
      font-size:13px;
      color:#8991a0;
    }

    @media (max-width:1280px){
      .hero-inner{width:calc(100% - 48px)}
      .copy{width:560px}
      h1{font-size:48px;max-width:560px}
      .sub{width:520px}
      .visual{width:620px;right:-56px;top:136px}
      .project-card{width:300px;height:360px}
    }

    @media (max-width:1020px){
      
      
      
      
      
      
      
      .hero{min-height:auto;overflow:visible}
      .hero-inner{min-height:auto;padding:72px 0 40px}
      .copy{
        position:relative;
        top:0;
        width:100%;
        max-width:680px;
      }
      h1{
        font-size:clamp(42px, 7vw, 52px);
        max-width:none;
      }
      .sub,.capabilities{width:100%}
      .visual{
        position:relative;
        width:min(760px, 114%);
        right:auto;
        top:auto;
        margin:34px 0 0 50%;
        transform:translateX(-50%);
        height:470px;
      }
    }

    @media (max-width:680px){
      /* Hero-only responsive containment: keep side-card peeks without creating page-level horizontal overflow. */
      .hero{overflow:hidden}
      
      .hero-inner{width:calc(100% - 32px)}
      
      
      .hero-inner{padding-top:54px}
      h1{font-size:40px;line-height:1.06}
      .sub{font-size:16px}
      .capabilities-list{gap:22px;flex-wrap:wrap}
      .visual{height:395px;margin-top:30px}
      .project-card{width:260px;height:324px}
    }
  
    /* Hero Canonical binding: fields required by Case Sales System V1 but intentionally hidden in this visual treatment. */
    .hero-case-canonical{
      position:absolute !important;
      width:1px !important;
      height:1px !important;
      padding:0 !important;
      margin:-1px !important;
      overflow:hidden !important;
      clip:rect(0,0,0,0) !important;
      white-space:nowrap !important;
      border:0 !important;
    }

    /* Screen 02 — Hero continuation / Buyer problem index */
    .screen-two{
      position:relative;
      background:#101927;
      color:#f7f9fc;
      border-top:1px solid rgba(255,255,255,.05);
      overflow:hidden;
    }

    .screen-two::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
      background-size:56px 56px;
      opacity:.15;
      mask-image:linear-gradient(to bottom, rgba(0,0,0,.28), rgba(0,0,0,0));
    }

    .screen-two-inner{
      position:relative;
      z-index:1;
      width:min(1260px, calc(100% - 96px));
      margin:0 auto;
      padding:92px 0 98px;
      display:grid;
      grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);
      gap:72px;
      align-items:start;
    }

    .section-kicker{
      margin:0 0 18px;
      font-size:11px;
      line-height:1;
      font-weight:760;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:#8793a6;
    }

    .screen-two-head{
      max-width:560px;
      margin:0;
      text-align:left;
      padding-top:8px;
    }

    .screen-two h2{
      margin:0;
      max-width:560px;
      font-size:44px;
      line-height:1.06;
      letter-spacing:-.043em;
      font-weight:740;
      color:#f8fafc;
      text-wrap:balance;
    }

    .screen-two-intro{
      margin:24px 0 0;
      max-width:440px;
      color:#9aa6b7;
      font-size:15px;
      line-height:1.68;
    }

    .pain-cluster{
      width:100%;
      margin:0;
      border-top:1px solid rgba(255,255,255,.10);
    }

    .pain-index{
      display:block;
      width:100%;
    }

    .pain-item{
      position:relative;
      min-height:104px;
      padding:22px 12px 24px 30px;
      background:transparent;
      border:0;
      border-bottom:1px solid rgba(255,255,255,.09);
      border-radius:0;
      overflow:visible;
      cursor:pointer;
      opacity:0;
      transform:translateY(10px);
      outline:none;
      transition:
        opacity .42s ease,
        transform .42s cubic-bezier(.2,.7,.2,1),
        padding-left .2s ease;
    }

    .screen-two.is-visible .pain-item{
      opacity:.68;
      transform:translateY(0);
    }

    .screen-two.is-visible .pain-item.is-active,
    .screen-two.is-visible .pain-item:hover,
    .screen-two.is-visible .pain-item:focus-visible{
      opacity:1;
    }

    .screen-two.is-visible .pain-item:nth-child(1){ transition-delay:.05s; }
    .screen-two.is-visible .pain-item:nth-child(2){ transition-delay:.10s; }
    .screen-two.is-visible .pain-item:nth-child(3){ transition-delay:.15s; }
    .screen-two.is-visible .pain-item:nth-child(4){ transition-delay:.20s; }

    .pain-item::before{
      content:"";
      position:absolute;
      left:0;
      top:21px;
      bottom:21px;
      width:2px;
      border-radius:999px;
      background:#6c5cff;
      opacity:0;
      transform:scaleY(.45);
      transform-origin:center;
      transition:opacity .2s ease, transform .2s ease;
    }

    .pain-meta{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:10px;
    }

    .pain-anchor{
      font-size:10.5px;
      line-height:1;
      font-weight:780;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:#7f8b9d;
      transition:color .2s ease, transform .2s ease;
    }

    .pain-title{
      margin:0;
      max-width:560px;
      font-size:27px;
      line-height:1.08;
      letter-spacing:-.034em;
      font-weight:690;
      color:#f4f7fb;
      text-align:left;
      transition:transform .2s ease, color .2s ease;
    }

    .pain-item.is-active,
    .pain-item:hover,
    .pain-item:focus-visible{
      padding-left:36px;
    }

    .pain-item.is-active::before,
    .pain-item:hover::before,
    .pain-item:focus-visible::before{
      opacity:1;
      transform:scaleY(1);
    }

    .pain-item.is-active .pain-anchor,
    .pain-item:hover .pain-anchor,
    .pain-item:focus-visible .pain-anchor{
      color:#aaa2ff;
    }

    .pain-item.is-active .pain-title,
    .pain-item:hover .pain-title,
    .pain-item:focus-visible .pain-title{
      color:#fff;
      transform:translateX(2px);
    }

    @media (max-width:1180px){
      .screen-two-inner{
        width:min(1040px, calc(100% - 64px));
        grid-template-columns:minmax(0,1fr) minmax(460px,1fr);
        gap:48px;
      }

      .screen-two h2{
        font-size:40px;
      }
    }

    @media (max-width:1020px){
      .screen-two-inner{
        width:min(760px, calc(100% - 48px));
        padding:76px 0 82px;
        grid-template-columns:1fr;
        gap:44px;
      }

      .screen-two-head{
        max-width:660px;
        padding-top:0;
      }

      .screen-two h2{
        max-width:620px;
        font-size:38px;
      }

      .screen-two-intro{
        max-width:620px;
      }

      .pain-title{
        max-width:620px;
        font-size:26px;
      }
    }

    @media (max-width:680px){
      .screen-two-inner{
        width:calc(100% - 32px);
        padding:62px 0 68px;
        gap:34px;
      }

      .section-kicker{
        margin-bottom:14px;
      }

      .screen-two h2{
        font-size:32px;
        line-height:1.08;
      }

      .screen-two-intro{
        margin-top:18px;
        font-size:15px;
        line-height:1.62;
      }

      .pain-item{
        min-height:92px;
        padding:18px 8px 20px 22px;
      }

      .pain-item::before{
        top:17px;
        bottom:17px;
      }

      .pain-item.is-active,
      .pain-item:hover,
      .pain-item:focus-visible{
        padding-left:28px;
      }

      .pain-meta{
        margin-bottom:8px;
      }

      .pain-title{
        font-size:23px;
        max-width:100%;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .pain-item,
      .pain-item::before,
      .pain-anchor,
      .pain-title{
        transition:none;
      }

      .pain-item{
        opacity:.62;
        transform:none;
      }

      .pain-item.is-active{
        opacity:1;
      }
    }


    /* Hero project interaction */
    .project-card{
      cursor:pointer;
    }

    .project-card.is-active{
      cursor:default;
    }

    .project-actions{
      position:absolute;
      left:14px;
      right:14px;
      bottom:18px;
      z-index:4;
      display:flex;
      align-items:center;
      gap:8px;
      opacity:0;
      transform:translateY(8px);
      pointer-events:none;
      transition:opacity .28s ease, transform .28s ease;
    }

    .project-card.is-active .project-actions{
      opacity:1;
      transform:translateY(0);
      pointer-events:auto;
    }

    .project-link{
      height:32px;
      padding:0 11px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration:none;
      font-size:11px;
      font-weight:720;
      letter-spacing:.01em;
      backdrop-filter:blur(10px);
      border:1px solid rgba(15,23,42,.09);
      box-shadow:0 6px 18px rgba(15,23,42,.08);
    }

    .project-link.case{
      background:rgba(255,255,255,.94);
      color:#111827;
    }

    .project-link.live{
      background:rgba(10,10,10,.92);
      color:#fff;
      border-color:rgba(255,255,255,.12);
    }

    .hero-slider-controls{
      position:absolute;
      right:8px;
      bottom:0;
      z-index:5;
      display:flex;
      gap:8px;
    }

    .hero-slider-btn{
      width:38px;
      height:38px;
      border:1px solid #dfe3e8;
      border-radius:999px;
      background:rgba(255,255,255,.92);
      color:#111827;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:17px;
      cursor:pointer;
      box-shadow:0 8px 20px rgba(15,23,42,.07);
      transition:transform .2s ease, background .2s ease;
    }

    .hero-slider-btn:hover{
      transform:translateY(-1px);
      background:#fff;
    }

    .slider-note{
      left:44%;
    }

  
    .hero-proof{
      margin-top:48px;
    }

    .proof-list{
      display:grid;
      grid-template-columns:max-content max-content;
      gap:7px 40px;
      align-items:end;
      justify-content:start;
    }

    .proof-list span{
      display:flex;
      flex-direction:column;
      gap:3px;
      color:#66707e;
      font-size:12.5px;
      line-height:1.32;
      font-weight:520;
    }

    .proof-list strong{
      color:#111318;
      font-size:21.5px;
      line-height:1;
      font-weight:800;
      letter-spacing:-.03em;
    }

    .proof-list .proof-delivery{
      grid-column:1 / -1;
      display:flex;
      flex-direction:row;
      align-items:baseline;
      gap:5px;
      margin-top:1px;
      padding:2px 0 0;
      border-left:0;
      border-top:0;
      color:#8a919d;
      font-size:11px;
      line-height:1.35;
    }

    .proof-list .proof-delivery strong{
      color:#646c78;
      font-size:12px;
      font-weight:700;
      letter-spacing:-.01em;
    }

    .proof-context{
      margin:7px 0 0;
      max-width:570px;
      color:#9299a4;
      font-size:10.5px;
      line-height:1.45;
    }


    @media (max-width:680px){

      .hero-actions{
        align-items:stretch;
      }

      .hero-cta{
        width:100%;
        max-width:360px;
      }

      .proof-list{
        gap:18px;
        flex-wrap:wrap;
      }

      .proof-list span{
        min-width:128px;
      }

      .proof-list{
        grid-template-columns:1fr 1fr;
        gap:12px 18px;
      }

      .proof-list .proof-delivery{
        grid-column:1 / -1;
        padding-left:0;
      }
    }



    /* Screen 04 — Selected Work / interactive evidence stage */
    .screen-three{
      position:relative;
      background:#f3f4f6;
      color:#15171b;
      border-top:1px solid #e3e6eb;
      overflow:hidden;
    }

    .screen-three-inner{
      width:min(1260px, calc(100% - 96px));
      margin:0 auto;
      padding:94px 0 104px;
    }

    .work-story-head{
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);
      gap:84px;
      align-items:end;
      margin-bottom:48px;
    }

    .case-index-head{
      max-width:690px;
      margin:0;
      text-align:left;
    }

    .case-index-kicker{
      margin:0 0 16px;
      color:#747c88;
      font-size:11px;
      line-height:1;
      font-weight:780;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .case-index-head h2{
      margin:0;
      max-width:650px;
      color:#111318;
      font-size:46px;
      line-height:1.045;
      font-weight:750;
      letter-spacing:-.047em;
      text-wrap:balance;
    }

    .case-index-intro{
      margin:0 0 3px;
      max-width:460px;
      color:#68717e;
      font-size:15px;
      line-height:1.65;
    }

    .work-stage{
      display:grid;
      grid-template-columns:310px minmax(0,1fr);
      border-top:1px solid #d7dce4;
      border-bottom:1px solid #d7dce4;
    }

    .work-index{
      min-width:0;
      border-right:1px solid #dce1e8;
    }

    .work-tab{
      position:relative;
      width:100%;
      min-height:116px;
      margin:0;
      padding:24px 28px 24px 0;
      border:0;
      border-bottom:1px solid #dde2e8;
      background:transparent;
      color:#6f7783;
      text-align:left;
      font:inherit;
      cursor:pointer;
      transition:color .2s ease, padding-left .2s ease, background .2s ease;
    }

    .work-tab:last-child{
      border-bottom:0;
    }

    .work-tab::before{
      content:"";
      position:absolute;
      left:0;
      top:44px;
      bottom:auto;
      width:2px;
      height:32px;
      background:#7568ff;
      opacity:0;
      transform:scaleY(.35);
      transform-origin:center;
      transition:opacity .2s ease, transform .2s ease;
    }

    .work-tab:hover,
    .work-tab:focus-visible{
      color:#252932;
    }

    .work-tab.is-active{
      padding-left:18px;
      color:#111318;
      background:rgba(255,255,255,.18);
    }

    .work-tab.is-active::before{
      opacity:1;
      transform:scaleY(1);
    }

    .work-tab-name{
      display:block;
      color:inherit;
      font-size:18px;
      line-height:1.12;
      font-weight:760;
      letter-spacing:-.02em;
    }

    .work-tab-sector{
      display:block;
      margin-top:7px;
      color:#8b939f;
      font-size:11.5px;
      line-height:1.45;
      font-weight:540;
    }

    .work-tab.is-active .work-tab-sector{
      color:#68717d;
    }

    .work-panels{
      min-width:0;
      padding-left:46px;
    }

    .work-panel{
      display:none;
      min-width:0;
      opacity:0;
      transform:translateY(8px);
    }

    .work-panel.is-active{
      display:block;
    }

    .screen-three.is-visible .work-panel.is-active{
      animation:workPanelIn .38s cubic-bezier(.2,.7,.2,1) forwards;
    }

    @keyframes workPanelIn{
      from{opacity:0;transform:translateY(8px)}
      to{opacity:1;transform:translateY(0)}
    }

    .work-preview{
      --case-crop-y:0px;
      --case-fade-height:140px;
      position:relative;
      display:block;
      width:100%;
      height:520px;
      overflow:hidden;
      background:#fff;
      border:0;
      border-bottom:1px solid #dce1e7;
    }

    .work-preview::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:var(--case-fade-height);
      pointer-events:none;
      background:linear-gradient(
        to bottom,
        rgba(243,244,246,0) 0%,
        rgba(243,244,246,.18) 28%,
        rgba(243,244,246,.72) 72%,
        #f3f4f6 100%
      );
      box-shadow:inset 0 0 0 1px rgba(17,19,24,.025);
    }

    .work-preview img{
      position:absolute;
      top:var(--case-crop-y);
      left:0;
      width:100%;
      height:auto;
      min-height:0;
      display:block;
      object-fit:initial;
      object-position:top center;
    }

    /* Per-case crop tuning: fixed viewport, no layout jump on hover/click. */
    #work-panel-vazpo .work-preview{
      --case-crop-y:0px;
      --case-fade-height:132px;
    }

    #work-panel-aerech .work-preview{
      --case-crop-y:-16px;
      --case-fade-height:118px;
    }

    #work-panel-kingxchip .work-preview{
      --case-crop-y:-10px;
      --case-fade-height:122px;
    }

    #work-panel-zhending .work-preview{
      --case-crop-y:0px;
      --case-fade-height:132px;
    }

    .work-panel-body{
      display:grid;
      grid-template-columns:minmax(170px,.72fr) minmax(260px,1.28fr) minmax(230px,.86fr);
      gap:32px;
      padding:22px 0 24px;
      align-items:start;
    }

    .work-identity,
    .work-explanation,
    .work-evidence{
      min-width:0;
    }

    .work-identity h3{
      margin:0;
      color:#15181e;
      font-size:20px;
      line-height:1.1;
      font-weight:760;
      letter-spacing:-.025em;
    }

    .work-project-type{
      margin:6px 0 0;
      color:#767f8b;
      font-size:11.5px;
      line-height:1.45;
      font-weight:560;
    }

    .work-summary{
      margin:0;
      max-width:430px;
      color:#59616d;
      font-size:13px;
      line-height:1.56;
    }

    .work-case-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:18px;
      color:#17191f;
      text-decoration:none;
      font-size:12px;
      line-height:1;
      font-weight:760;
    }

    .work-case-link span{
      transition:transform .18s ease;
    }

    .work-case-link:hover span{
      transform:translateX(3px);
    }

    .work-evidence{
      padding-top:0;
    }

    .work-evidence-label{
      margin:0 0 14px;
      color:#7c8490;
      font-size:10px;
      line-height:1;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }

    .work-evidence-copy{
      margin:0;
      padding-top:15px;
      border-top:1px solid #dce1e7;
      color:#59626e;
      font-size:12.5px;
      line-height:1.55;
      font-weight:650;
    }

    .work-evidence-copy + .work-evidence-copy{
      margin-top:12px;
    }

    .work-evidence-metrics{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
      padding-top:15px;
      border-top:1px solid #dce1e7;
    }

    .work-metric strong{
      display:block;
      color:#15181e;
      font-size:21px;
      line-height:1;
      font-weight:790;
      letter-spacing:-.03em;
    }

    .work-metric span{
      display:block;
      margin-top:6px;
      color:#747d89;
      font-size:10.5px;
      line-height:1.42;
      font-weight:560;
    }

    @media (max-width:1020px){
      .screen-three-inner{
        width:min(920px, calc(100% - 48px));
        padding:80px 0 90px;
      }

      .work-story-head{
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:38px;
      }

      .case-index-head h2{
        font-size:40px;
      }

      .case-index-intro{
        max-width:610px;
      }

      .work-stage{
        grid-template-columns:1fr;
      }

      .work-index{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        border-right:0;
        border-bottom:1px solid #dce1e8;
      }

      .work-tab{
        min-height:92px;
        padding:19px 16px 18px;
        border-bottom:0;
        border-right:1px solid #dde2e8;
      }

      .work-tab:last-child{
        border-right:0;
      }

      .work-tab::before{
        left:15px;
        right:15px;
        top:auto;
        bottom:0;
        width:auto;
        height:2px;
        transform:scaleX(.35);
        transform-origin:left center;
      }

      .work-tab.is-active{
        padding-left:16px;
        background:rgba(255,255,255,.38);
      }

      .work-tab.is-active::before{
        transform:scaleX(1);
      }

      .work-tab-name{
        font-size:15px;
      }

      .work-tab-sector{
        margin-top:5px;
        font-size:10.5px;
      }

      .work-panels{
        padding-left:0;
      }

      .work-preview{
        height:420px;
        aspect-ratio:auto;
        border-left:0;
        border-right:0;
      }

      .work-preview::after{
        height:var(--case-fade-height);
      }

      #work-panel-vazpo .work-preview,
      #work-panel-zhending .work-preview{
        --case-crop-y:0px;
        --case-fade-height:108px;
      }

      #work-panel-aerech .work-preview{
        --case-crop-y:-10px;
        --case-fade-height:100px;
      }

      #work-panel-kingxchip .work-preview{
        --case-crop-y:-7px;
        --case-fade-height:102px;
      }

      .work-panel-body{
        grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr);
        gap:28px 34px;
      }

      .work-evidence{
        grid-column:1 / -1;
        padding-top:4px;
      }
    }

    @media (max-width:680px){
      .screen-three-inner{
        width:calc(100% - 32px);
        padding:66px 0 74px;
      }

      .work-story-head{
        margin-bottom:30px;
      }

      .case-index-kicker{
        margin-bottom:14px;
      }

      .case-index-head h2{
        font-size:34px;
        line-height:1.07;
      }

      .case-index-intro{
        font-size:14px;
      }

      .work-index{
        display:flex;
        overflow-x:auto;
        scrollbar-width:none;
        overscroll-behavior-inline:contain;
      }

      .work-index::-webkit-scrollbar{
        display:none;
      }

      .work-tab{
        flex:0 0 150px;
        min-height:78px;
        padding:16px 14px 15px;
      }

      .work-tab.is-active{
        padding-left:14px;
      }

      .work-tab::before{
        left:13px;
        right:13px;
      }

      .work-tab-name{
        font-size:14px;
      }

      .work-tab-sector{
        display:none;
      }

      .work-preview{
        height:300px;
        aspect-ratio:auto;
      }

      .work-preview img{
        position:absolute;
        top:var(--case-crop-y);
        left:0;
        width:100%;
        height:auto;
        min-height:0;
        object-fit:initial;
        object-position:top center;
      }

      .work-preview::after{
        height:var(--case-fade-height);
        background:linear-gradient(
          to bottom,
          rgba(243,244,246,0) 0%,
          rgba(243,244,246,.20) 30%,
          rgba(243,244,246,.76) 74%,
          #f3f4f6 100%
        );
      }

      #work-panel-vazpo .work-preview,
      #work-panel-aerech .work-preview,
      #work-panel-kingxchip .work-preview,
      #work-panel-zhending .work-preview{
        --case-crop-y:0px;
        --case-fade-height:82px;
      }

      .work-panel-body{
        grid-template-columns:1fr;
        gap:22px;
        padding:22px 0 26px;
      }

      .work-evidence{
        grid-column:auto;
      }

      .work-identity h3{
        font-size:20px;
      }

      .work-summary{
        margin-top:15px;
        font-size:13.5px;
      }

      .work-case-link{
        margin-top:20px;
      }

      .work-evidence-metrics{
        gap:14px;
      }

      .work-metric strong{
        font-size:22px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .work-tab,
      .work-tab::before,
      .work-case-link span{
        transition:none;
      }

      .screen-three.is-visible .work-panel.is-active{
        animation:none;
        opacity:1;
        transform:none;
      }
    }

    /* Screen 04 — How We Work / Editorial Project Runway */
    .screen-four{
      position:relative;
      background:#fcfcfd;
      color:#15171b;
      border-top:1px solid #e8ebf0;
      overflow:hidden;
    }

    .screen-four-inner{
      width:min(1260px, calc(100% - 96px));
      margin:0 auto;
      padding:84px 0 104px;
    }

    .roadmap-head{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);
      gap:72px;
      align-items:end;
      margin:0 0 34px;
      max-width:none;
      text-align:left;
    }

    .roadmap-head-main,
    .roadmap-head-side{
      min-width:0;
    }

    .roadmap-head-side{
      padding-bottom:3px;
    }

    .roadmap-kicker{
      margin:0 0 16px;
      color:#747c88;
      font-size:11px;
      line-height:1;
      font-weight:780;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .roadmap-head h2{
      margin:0;
      max-width:620px;
      color:#111318;
      font-size:46px;
      line-height:1.045;
      font-weight:750;
      letter-spacing:-.047em;
      text-wrap:balance;
    }

    .roadmap-intro{
      margin:0;
      max-width:500px;
      color:#68717e;
      font-size:15px;
      line-height:1.65;
    }

    .roadmap-direct{
      position:relative;
      margin:16px 0 0;
      padding-left:32px;
      color:#5f6874;
      font-size:12px;
      line-height:1.45;
      font-weight:650;
      letter-spacing:.01em;
    }

    .roadmap-direct::before{
      content:"";
      position:absolute;
      left:0;
      top:.68em;
      width:20px;
      height:2px;
      background:#7568ff;
      transform:translateY(-50%);
    }

    .roadmap{
      position:relative;
      display:grid;
      grid-template-columns:repeat(4, minmax(0,1fr));
      gap:0;
      border-top:1px solid #d8dde5;
      border-bottom:1px solid #d8dde5;
    }

    .roadmap-track{
      position:absolute;
      left:0;
      right:0;
      top:-1px;
      height:2px;
      pointer-events:none;
      z-index:2;
      overflow:hidden;
    }

    .roadmap-track-base,
    .roadmap-track-progress{
      position:absolute;
      inset:0;
      display:block;
      transform-origin:left center;
    }

    .roadmap-track-base{
      background:transparent;
    }

    .roadmap-track-progress{
      background:linear-gradient(90deg,#7568ff 0%,#8c82ff 55%,rgba(140,130,255,0) 100%);
      transform:scaleX(0);
      transition:transform .95s cubic-bezier(.2,.7,.2,1);
    }

    .screen-four.is-visible .roadmap-track-progress{
      transform:scaleX(1);
    }

    .roadmap-stage{
      position:relative;
      z-index:1;
      min-width:0;
      min-height:318px;
      padding:30px 28px 32px;
      border-right:1px solid #e0e4ea;
      opacity:0;
      transform:translateY(10px);
    }

    .roadmap-stage:last-child{
      border-right:0;
    }

    .roadmap-stage::before{
      content:"";
      position:absolute;
      left:28px;
      top:-4px;
      width:8px;
      height:8px;
      border-radius:50%;
      background:#fcfcfd;
      border:1px solid #bfc5cf;
      z-index:3;
      transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
    }

    .screen-four.is-visible .roadmap-stage{
      opacity:1;
      transform:translateY(0);
      transition:opacity .42s ease,transform .42s cubic-bezier(.2,.7,.2,1);
    }

    .screen-four.is-visible .roadmap-stage:nth-of-type(2){transition-delay:.08s}
    .screen-four.is-visible .roadmap-stage:nth-of-type(3){transition-delay:.14s}
    .screen-four.is-visible .roadmap-stage:nth-of-type(4){transition-delay:.20s}
    .screen-four.is-visible .roadmap-stage:nth-of-type(5){transition-delay:.26s}

    .roadmap-node-wrap{
      height:24px;
      display:flex;
      align-items:flex-start;
      justify-content:flex-start;
      position:relative;
    }

    .roadmap-node{
      position:relative;
      display:inline-flex;
      align-items:center;
      width:auto;
      height:auto;
      border:0;
      border-radius:0;
      background:transparent;
      color:#8b939f;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.13em;
    }

    .roadmap-node::after{
      display:none;
    }

    .roadmap-stage-body{
      padding-top:16px;
      max-width:none;
    }

    .roadmap-stage-label{
      margin:0 0 12px;
      color:#7568ff;
      font-size:10px;
      line-height:1;
      font-weight:800;
      letter-spacing:.14em;
    }

    .roadmap-stage h3{
      margin:0;
      max-width:230px;
      color:#17191d;
      font-size:24px;
      line-height:1.1;
      font-weight:720;
      letter-spacing:-.032em;
    }

    .roadmap-stage ul{
      list-style:none;
      padding:0;
      margin:26px 0 0;
      display:grid;
      gap:9px;
    }

    .roadmap-stage li{
      position:relative;
      padding-left:13px;
      color:#707986;
      font-size:13px;
      line-height:1.42;
      font-weight:540;
    }

    .roadmap-stage li::before{
      content:"";
      position:absolute;
      left:0;
      top:.68em;
      width:4px;
      height:4px;
      border-radius:50%;
      background:#c0c6cf;
      transform:translateY(-50%);
      transition:background .18s ease;
    }

    .roadmap-note{
      margin:26px 0 0;
      padding-top:18px;
      border-top:1px solid #e5e8ed;
      color:#8a929e;
      font-size:11.5px;
      line-height:1.55;
      font-weight:520;
      max-width:235px;
    }

    .roadmap-stage:hover::before{
      border-color:#7568ff;
      background:#7568ff;
      box-shadow:0 0 0 5px rgba(117,104,255,.08);
    }

    .roadmap-stage:hover li::before{
      background:#7568ff;
    }

    .roadmap-stage:hover .roadmap-node{
      color:#5f53f4;
    }


    @media (max-width:1020px){
      .screen-four-inner{
        width:min(940px, calc(100% - 48px));
        padding:82px 0 90px;
      }

      .roadmap-head{
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:34px;
      }

      .roadmap-head-side{
        padding-bottom:0;
      }

      .roadmap-head h2{
        max-width:650px;
        font-size:40px;
      }

      .roadmap-intro{
        max-width:620px;
      }

      .roadmap{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }

      .roadmap-track{
        display:none;
      }

      .roadmap-stage{
        min-height:290px;
        border-bottom:1px solid #e0e4ea;
      }

      .roadmap-stage:nth-child(3){
        border-right:0;
      }

      .roadmap-stage:nth-last-child(-n/**/+2){
        border-bottom:0;
      }

      .roadmap-stage::before{
        display:none;
      }
    }

    @media (max-width:680px){
      .screen-four-inner{
        width:calc(100% - 32px);
        padding:66px 0 72px;
      }

      .roadmap-head{
        gap:16px;
        margin-bottom:28px;
      }

      .roadmap-kicker{
        margin-bottom:14px;
      }

      .roadmap-head h2{
        font-size:34px;
        line-height:1.07;
      }

      .roadmap-intro{
        font-size:14px;
      }

      .roadmap-direct{
        margin-top:14px;
        font-size:11.5px;
      }

      .roadmap{
        grid-template-columns:1fr;
      }

      .roadmap-stage{
        display:grid;
        grid-template-columns:44px minmax(0,1fr);
        gap:14px;
        min-height:0;
        padding:24px 0 26px;
        border-right:0;
        border-bottom:1px solid #e0e4ea;
      }

      .roadmap-stage:nth-last-child(-n/**/+2){
        border-bottom:1px solid #e0e4ea;
      }

      .roadmap-stage:last-child{
        border-bottom:0;
      }

      .roadmap-node-wrap{
        height:auto;
        padding-top:3px;
      }

      .roadmap-node{
        font-size:10.5px;
      }

      .roadmap-stage-body{
        padding-top:0;
      }

      .roadmap-stage-label{
        margin-bottom:9px;
      }

      .roadmap-stage h3{
        max-width:none;
        font-size:21px;
      }

      .roadmap-stage ul{
        margin-top:18px;
        gap:7px;
      }

      .roadmap-stage li{
        font-size:12.5px;
      }

      .roadmap-note{
        margin-top:18px;
        padding-top:14px;
        max-width:none;
        font-size:11px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .roadmap-track-progress{
        transform:scaleX(1);
        transition:none;
      }

      .roadmap-stage{
        opacity:1;
        transform:none;
        transition:none;
      }

      .roadmap-stage::before,
      .roadmap-stage li::before{
        transition:none;
      }
    }

    /* Screen 05 — Getting Started / Split Decision Cards */
    .screen-five{
      position:relative;
      background:#0f1825;
      color:#f7f9fc;
      border-top:1px solid rgba(255,255,255,.055);
    }

    .screen-five-inner{
      width:min(1160px, calc(100% - 64px));
      margin:0 auto;
      padding:92px 0 98px;
    }

    .start-head{
      max-width:820px;
      margin:0 auto 48px;
      text-align:center;
    }

    .start-kicker{
      margin:0 0 16px;
      color:#8a96a8;
      font-size:12px;
      line-height:1;
      font-weight:760;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .start-head h2{
      margin:0 auto;
      max-width:790px;
      color:#f8fafc;
      font-size:42px;
      line-height:1.06;
      font-weight:740;
      letter-spacing:-.045em;
      text-wrap:balance;
    }

    .start-intro{
      margin:20px auto 0;
      max-width:720px;
      color:#909cac;
      font-size:16px;
      line-height:1.62;
    }

    .start-grid{
      display:grid;
      grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
      gap:24px;
      align-items:stretch;
    }

    .start-card{
      position:relative;
      display:flex;
      flex-direction:column;
      min-width:0;
      border:1px solid rgba(255,255,255,.105);
      border-radius:16px;
      background:#121d2b;
      overflow:hidden;
    }

    .start-card-review{
      border-color:rgba(125,108,255,.24);
    }

    .start-card-project{
      border-color:rgba(95,139,255,.26);
      box-shadow:0 18px 46px rgba(0,0,0,.16);
    }

    .card-top{
      padding:30px 32px 24px;
    }

    .card-label{
      display:block;
      margin-bottom:12px;
      color:#9a89ff;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }

    .project-label{
      color:#72a6ff;
    }

    .card-top h3{
      margin:0;
      color:#fff;
      font-size:31px;
      line-height:1.08;
      font-weight:720;
      letter-spacing:-.035em;
    }

    .card-lead{
      margin:14px 0 0;
      max-width:500px;
      color:#99a5b6;
      font-size:14px;
      line-height:1.55;
    }


    .review-boundary-note{
      margin:12px 0 0;
      color:#7f8b9d;
      font-size:11.5px;
      line-height:1.55;
    }

    .review-deliverables{
      margin:0 32px;
      padding:24px 0 8px;
      border-top:1px solid rgba(255,255,255,.085);
    }

    .mini-label{
      margin:0 0 18px;
      color:#718093;
      font-size:10.5px;
      line-height:1;
      font-weight:780;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .deliverable{
      display:grid;
      grid-template-columns:34px minmax(0,1fr);
      gap:14px;
      align-items:start;
      padding:0 0 20px;
    }

    .deliverable-mark{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:28px;
      height:28px;
      border-radius:50%;
      border:1px solid rgba(128,112,255,.42);
      color:#a99cff;
      font-size:10px;
      line-height:1;
      font-weight:760;
    }

    .deliverable strong{
      display:block;
      color:#eef2f7;
      font-size:15px;
      line-height:1.25;
      font-weight:680;
    }

    .deliverable p{
      margin:5px 0 0;
      color:#7e8a9b;
      font-size:12.5px;
      line-height:1.48;
    }

    .review-bottom{
      margin-top:auto;
      padding:22px 32px 28px;
      border-top:1px solid rgba(255,255,255,.085);
    }

    .free-note{
      display:flex;
      align-items:flex-end;
      gap:12px;
      margin-bottom:18px;
    }

    .free-note span{
      padding-bottom:4px;
      color:#718093;
      font-size:10.5px;
      line-height:1;
      font-weight:780;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .free-note strong{
      color:#fff;
      font-size:29px;
      line-height:1;
      font-weight:720;
      letter-spacing:-.03em;
    }

    .pricing-options{
      margin:0 24px;
      border:1px solid rgba(255,255,255,.085);
      border-radius:12px;
      overflow:hidden;
      background:#101a27;
    }

    .pricing-row{
      display:grid;
      grid-template-columns:minmax(0,1fr) 118px;
      gap:22px;
      align-items:center;
      padding:20px 22px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .pricing-row:last-child{
      border-bottom:0;
    }

    .pricing-copy strong{
      display:block;
      color:#f2f5f9;
      font-size:15px;
      line-height:1.2;
      font-weight:700;
    }

    .pricing-copy p{
      margin:6px 0 0;
      max-width:410px;
      color:#8190a2;
      font-size:12.5px;
      line-height:1.46;
    }

    .pricing-value{
      color:#fff;
      font-size:22px;
      line-height:1;
      font-weight:740;
      letter-spacing:-.025em;
      text-align:right;
      white-space:nowrap;
    }

    .pricing-value-custom{
      font-size:17px;
      color:#cbd3df;
    }

    .project-meta{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0;
      margin:16px 24px 0;
      border:1px solid rgba(255,255,255,.075);
      border-radius:10px;
      overflow:hidden;
      background:#101a27;
    }

    .project-meta-item{
      padding:16px 18px;
      min-width:0;
    }

    .project-meta-item + .project-meta-item{
      border-left:1px solid rgba(255,255,255,.075);
    }

    .project-meta-item span{
      display:block;
      margin-bottom:6px;
      color:#718093;
      font-size:10px;
      line-height:1;
      font-weight:780;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .project-meta-item strong{
      display:block;
      color:#f0f4f8;
      font-size:16px;
      line-height:1.2;
      font-weight:680;
    }

    .project-meta-item small{
      display:block;
      margin-top:5px;
      color:#788596;
      font-size:11px;
      line-height:1.4;
    }

    .start-cta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      min-height:58px;
      padding:0 20px 0 22px;
      border-radius:10px;
      color:#fff;
      text-decoration:none;
      font-size:14px;
      line-height:1;
      font-weight:730;
      transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
    }

    .start-cta strong{
      font-size:21px;
      line-height:1;
      font-weight:500;
      transition:transform .18s ease;
    }

    .start-cta-review{
      margin-top:0;
      background:#4d3ad6;
      box-shadow:0 10px 26px rgba(77,58,214,.16);
    }

    .start-cta-project{
      margin:16px 24px 0;
      background:#1769e8;
      box-shadow:0 12px 30px rgba(23,105,232,.2);
    }

    .start-cta:hover{
      transform:translateY(-1px);
    }

    .start-cta-review:hover{
      background:#5b46e8;
      box-shadow:0 14px 32px rgba(77,58,214,.22);
    }

    .start-cta-project:hover{
      background:#2478f5;
      box-shadow:0 16px 36px rgba(23,105,232,.28);
    }

    .start-cta:hover strong{
      transform:translateX(3px);
    }

    .low-pressure-note,
    .project-trust-note{
      margin:14px 0 0;
      color:#788596;
      font-size:11.5px;
      line-height:1.45;
    }

    .project-trust-note{
      margin:14px 24px 24px;
    }

    @media (max-width:980px){
      .start-grid{
        grid-template-columns:1fr;
      }

      .start-card-review,
      .start-card-project{
        max-width:760px;
        width:100%;
        margin:0 auto;
      }
    }

    @media (max-width:680px){
      .screen-five-inner{
        width:calc(100% - 32px);
        padding:68px 0 74px;
      }

      .start-head{
        margin-bottom:36px;
      }

      .start-head h2{
        font-size:33px;
      }

      .start-intro{
        font-size:15px;
      }

      .card-top{
        padding:24px 22px 20px;
      }

      .card-top h3{
        font-size:27px;
      }

      .review-deliverables{
        margin:0 22px;
      }

      .review-bottom{
        padding:20px 22px 24px;
      }

      .pricing-options,
      .project-meta,
      .start-cta-project{
        margin-left:18px;
        margin-right:18px;
      }

      .pricing-row{
        grid-template-columns:1fr;
        gap:10px;
        padding:18px;
      }

      .pricing-value{
        text-align:left;
      }

      .project-meta{
        grid-template-columns:1fr;
      }

      .project-meta-item + .project-meta-item{
        border-left:0;
        border-top:1px solid rgba(255,255,255,.075);
      }

      .project-trust-note{
        margin:14px 18px 22px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .start-cta,
      .start-cta strong{
        transition:none;
      }
    }





    /* Footer — editorial closing layer */















































/* Shared inquiry form — opened from both fifth-screen paths */
    .inquiry-dialog{
      width:min(760px, calc(100% - 32px));
      max-height:calc(100vh - 32px);
      padding:0;
      border:0;
      border-radius:18px;
      background:#fff;
      color:#17191d;
      box-shadow:0 30px 90px rgba(4,10,20,.34);
      overflow:auto;
    }

    .inquiry-dialog::backdrop{
      background:rgba(7,13,22,.72);
      backdrop-filter:blur(3px);
    }

    .inquiry-shell{
      position:relative;
      padding:34px;
    }

    .inquiry-close{
      position:absolute;
      top:18px;
      right:18px;
      width:36px;
      height:36px;
      border:1px solid #e1e5eb;
      border-radius:50%;
      background:#fff;
      color:#626a76;
      font-size:22px;
      line-height:1;
      cursor:pointer;
    }

    .inquiry-head{
      max-width:620px;
      padding-right:44px;
    }

    .inquiry-kicker{
      margin:0 0 12px;
      color:#6c5cff;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .inquiry-head h2{
      margin:0;
      color:#111318;
      font-size:32px;
      line-height:1.08;
      font-weight:740;
      letter-spacing:-.04em;
    }

    .inquiry-head > p:last-child{
      margin:14px 0 0;
      color:#6f7785;
      font-size:14px;
      line-height:1.55;
    }

    .inquiry-intent{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      margin-top:24px;
      padding:5px;
      border:1px solid #e1e5eb;
      border-radius:10px;
      background:#f6f7f9;
    }

    .intent-tab{
      min-height:42px;
      border:0;
      border-radius:7px;
      background:transparent;
      color:#68717e;
      font-size:13px;
      font-weight:700;
      cursor:pointer;
    }

    .intent-tab.is-active{
      background:#fff;
      color:#17191d;
      box-shadow:0 2px 8px rgba(15,23,42,.07);
    }

    .inquiry-form{
      margin-top:24px;
    }

    .form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
    }

    .form-field{
      display:flex;
      flex-direction:column;
      gap:8px;
      min-width:0;
    }

    .form-field-wide{
      grid-column:1 / -1;
    }

    .form-field > span{
      color:#4f5763;
      font-size:12px;
      line-height:1.2;
      font-weight:700;
    }

    .form-field input,
    .form-field textarea,
    .form-field select{
      width:100%;
      box-sizing:border-box;
      border:1px solid #d9dee6;
      border-radius:9px;
      background:#fff;
      color:#1a1d22;
      font:inherit;
      font-size:14px;
      outline:none;
      transition:border-color .16s ease, box-shadow .16s ease;
    }

    .form-field input,
    .form-field select{
      min-height:46px;
      padding:0 13px;
    }

    .form-field textarea{
      min-height:118px;
      padding:12px 13px;
      resize:vertical;
    }

    .form-field input:focus,
    .form-field textarea:focus,
    .form-field select:focus{
      border-color:#7d70ff;
      box-shadow:0 0 0 3px rgba(108,92,255,.10);
    }

    .inquiry-expectation{
      display:flex;
      flex-direction:column;
      gap:5px;
      margin-top:18px;
      padding:14px 16px;
      border:1px solid #e3e6ec;
      border-radius:9px;
      background:#f8f9fb;
    }

    .inquiry-expectation strong{
      color:#282c33;
      font-size:12px;
      font-weight:760;
    }

    .inquiry-expectation span{
      color:#747d89;
      font-size:12px;
      line-height:1.45;
    }

    .inquiry-actions{
      display:flex;
      align-items:center;
      gap:12px;
      margin-top:18px;
    }

    .inquiry-submit,
    .inquiry-whatsapp{
      min-height:48px;
      border-radius:9px;
      font-size:13px;
      font-weight:720;
      text-decoration:none;
    }

    .inquiry-submit{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      min-width:210px;
      padding:0 17px;
      border:0;
      background:#1769e8;
      color:#fff;
      cursor:pointer;
    }

    .inquiry-submit strong{
      font-size:19px;
      font-weight:500;
    }

    .inquiry-whatsapp{
      display:inline-flex;
      align-items:center;
      padding:0 15px;
      border:1px solid #d8dde5;
      color:#4c5561;
      background:#fff;
    }

    .inquiry-tech-note{
      margin:12px 0 0;
      color:#9aa1ac;
      font-size:10.5px;
      line-height:1.45;
    }

    body.inquiry-open{
      overflow:hidden;
    }

    @media (max-width:680px){
      .inquiry-shell{
        padding:28px 20px 22px;
      }

      .inquiry-head{
        padding-right:34px;
      }

      .inquiry-head h2{
        font-size:27px;
      }

      .form-grid{
        grid-template-columns:1fr;
      }

      .form-field-wide{
        grid-column:auto;
      }

      .inquiry-actions{
        align-items:stretch;
        flex-direction:column;
      }

      .inquiry-submit,
      .inquiry-whatsapp{
        width:100%;
        box-sizing:border-box;
        justify-content:center;
      }
    }



    /* Team trust section — full-width proof layer */
    .team-trust{
      position:relative;
      background:#0c1522;
      color:#f5f7fb;
      border-top:1px solid rgba(255,255,255,.06);
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .team-trust-inner{
      width:min(1180px, calc(100% - 64px));
      margin:0 auto;
      padding:92px 0 82px;
    }

    .team-trust-head{
      max-width:880px;
      margin:0 auto 48px;
      text-align:center;
    }

    .team-trust-kicker{
      margin:0 0 16px;
      color:#7e91aa;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.15em;
      text-transform:uppercase;
    }

    .team-trust-head h2{
      margin:0 auto;
      max-width:850px;
      color:#fff;
      font-size:42px;
      line-height:1.07;
      font-weight:740;
      letter-spacing:-.045em;
      text-wrap:balance;
    }

    .team-trust-head > p:last-child{
      margin:18px auto 0;
      max-width:720px;
      color:#8d99aa;
      font-size:15px;
      line-height:1.6;
    }

    .team-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:22px;
      align-items:stretch;
    }

    .team-card{
      min-width:0;
      display:flex;
      flex-direction:column;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      border-radius:16px;
      background:#111c2a;
      transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    .team-card:hover{
      border-color:rgba(125,151,190,.28);
      transform:translateY(-2px);
      box-shadow:0 18px 40px rgba(0,0,0,.16);
    }

    .team-photo-wrap{
      position:relative;
      aspect-ratio:4 / 5;
      overflow:hidden;
      background:#162230;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .team-photo{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center 24%;
    }

    .team-card-body{
      display:flex;
      flex-direction:column;
      flex:1;
      padding:24px 24px 22px;
    }

    .team-card h3{
      margin:0;
      color:#fff;
      font-size:22px;
      line-height:1.15;
      font-weight:720;
      letter-spacing:-.025em;
    }

    .team-role{
      margin:7px 0 0;
      color:#7ca7e8;
      font-size:13px;
      line-height:1.4;
      font-weight:650;
    }

    .team-divider{
      height:1px;
      margin:18px 0 17px;
      background:rgba(255,255,255,.085);
    }

    .team-proof-list{
      list-style:none;
      margin:0;
      padding:0;
      display:grid;
      gap:12px;
    }

    .team-proof-list li{
      position:relative;
      padding-left:18px;
      color:#aeb8c6;
      font-size:12.5px;
      line-height:1.5;
    }

    .team-proof-list li::before{
      content:"";
      position:absolute;
      left:0;
      top:.62em;
      width:6px;
      height:6px;
      border-radius:50%;
      border:1px solid #6f8cc2;
      background:#152338;
      transform:translateY(-50%);
    }

    .team-focus{
      margin-top:auto;
      padding-top:22px;
    }

    .team-focus span{
      display:block;
      margin-bottom:8px;
      color:#657387;
      font-size:9.5px;
      line-height:1;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .team-focus strong{
      display:block;
      min-height:40px;
      padding:11px 12px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:8px;
      background:#152132;
      color:#d8dfe8;
      font-size:12px;
      line-height:1.35;
      font-weight:650;
    }

    .team-trust-banner{
      width:min(980px,100%);
      margin:28px auto 0;
      display:flex;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
      gap:10px 34px;
      padding:15px 22px;
      border:1px solid rgba(91,128,190,.28);
      border-radius:10px;
      background:#101b2a;
    }

    .team-trust-banner span{
      position:relative;
      color:#cbd3dd;
      font-size:12px;
      line-height:1.3;
      font-weight:650;
    }

    .team-trust-banner span + span::before{
      content:"";
      position:absolute;
      left:-19px;
      top:50%;
      width:4px;
      height:4px;
      border-radius:50%;
      background:#5478b8;
      transform:translateY(-50%);
    }

    @media (max-width:980px){
      .team-grid{
        grid-template-columns:1fr;
        max-width:720px;
        margin:0 auto;
      }

      .team-card{
        display:grid;
        grid-template-columns:230px minmax(0,1fr);
      }

      .team-photo-wrap{
        aspect-ratio:auto;
        min-height:330px;
        border-bottom:0;
        border-right:1px solid rgba(255,255,255,.08);
      }
    }

    @media (max-width:680px){
      .team-trust-inner{
        width:calc(100% - 32px);
        padding:68px 0 62px;
      }

      .team-trust-head{
        margin-bottom:36px;
      }

      .team-trust-head h2{
        font-size:32px;
      }

      .team-trust-head > p:last-child{
        font-size:14px;
      }

      .team-card{
        display:flex;
      }

      .team-photo-wrap{
        aspect-ratio:4 / 5;
        min-height:0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
      }

      .team-card-body{
        padding:22px 20px 20px;
      }

      .team-trust-banner{
        justify-content:flex-start;
        gap:12px;
      }

      .team-trust-banner span{
        width:100%;
      }

      .team-trust-banner span + span::before{
        display:none;
      }
    }


    #work,
    #how-we-work,
    #pricing,
    #team,
    #contact{
      scroll-margin-top:96px;
    }


    /* Screen 03 case preview: fixed screenshot with subtle hover zoom only */
    .work-shot,
    .case-shot,
    .project-shot,
    .project-index-shot{
      overflow:hidden;
    }

    .work-shot img,
    .case-shot img,
    .project-shot img,
    .project-index-shot img{
      transform-origin:center center;
      transition:transform .35s cubic-bezier(.22,.61,.36,1);
      will-change:transform;
    }

    .work-card:hover .work-shot img,
    .case-card:hover .case-shot img,
    .project-index-card:hover img{
      transform:scale(1.05);
    }


    /* Client feedback placeholder — reserved for verified testimonials */
    .client-feedback-placeholder{
      background:#f6f7f9;
      border-top:1px solid #e8eaee;
      border-bottom:1px solid #e8eaee;
    }

    .client-feedback-inner{
      width:min(1180px, calc(100% - 64px));
      margin:0 auto;
      padding:82px 0 78px;
    }

    .client-feedback-head{
      max-width:760px;
      margin:0 auto 38px;
      text-align:center;
    }

    .client-feedback-kicker{
      margin:0 0 14px;
      color:#6d7785;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .client-feedback-head h2{
      margin:0;
      color:#11151b;
      font-size:38px;
      line-height:1.08;
      font-weight:740;
      letter-spacing:-.04em;
    }

    .client-feedback-head > p:last-child{
      margin:16px auto 0;
      max-width:650px;
      color:#77808c;
      font-size:14px;
      line-height:1.6;
    }

    .client-feedback-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:18px;
    }

    .client-feedback-card{
      min-height:220px;
      padding:24px;
      border:1px dashed #cfd4dc;
      border-radius:14px;
      background:#fff;
    }

    .feedback-placeholder-label{
      margin:0 0 24px;
      color:#929aa5;
      font-size:10px;
      font-weight:800;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .client-feedback-card blockquote{
      margin:0;
      color:#9aa1ab;
      font-size:17px;
      line-height:1.55;
      font-weight:600;
    }

    .feedback-meta{
      margin:28px 0 0;
      color:#a3a9b2;
      font-size:12px;
      line-height:1.4;
    }

    @media (max-width:900px){
      .client-feedback-grid{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:680px){
      .client-feedback-inner{
        width:calc(100% - 32px);
        padding:62px 0 58px;
      }

      .client-feedback-head h2{
        font-size:31px;
      }
    }



    /* Services — integrated B2B growth system */
    .services-system{
      position:relative;
      background:#fbfbfc;
      color:#15171b;
      border-top:1px solid #e8eaf0;
      border-bottom:1px solid #e8eaf0;
    }

    .services-system-inner{
      width:min(1180px, calc(100% - 64px));
      margin:0 auto;
      padding:86px 0 92px;
    }

    .services-system-head{
      max-width:860px;
      margin:0 0 44px;
    }

    .services-kicker{
      margin:0 0 14px;
      color:#727b89;
      font-size:11px;
      line-height:1;
      font-weight:780;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .services-system-head h2{
      margin:0;
      max-width:830px;
      color:#111318;
      font-size:42px;
      line-height:1.05;
      font-weight:750;
      letter-spacing:-.046em;
      text-wrap:balance;
    }

    .services-system-head > p:last-child{
      margin:18px 0 0;
      max-width:770px;
      color:#6f7784;
      font-size:15px;
      line-height:1.62;
    }

    .services-system-layout{
      display:grid;
      grid-template-columns:minmax(0,1.62fr) minmax(330px,.78fr);
      gap:46px;
      align-items:start;
    }

    .service-index{
      border-top:1px solid #dfe3e9;
    }

    .service-row{
      display:grid;
      grid-template-columns:42px minmax(0,1fr);
      gap:16px;
      padding:22px 8px 22px 0;
      border-bottom:1px solid #dfe3e9;
      transition:background .2s ease, padding-left .2s ease;
    }

    .service-row:hover{
      padding-left:8px;
      background:#f6f7f9;
    }

    .service-number{
      padding-top:4px;
      color:#969eaa;
      font-size:10px;
      line-height:1;
      font-weight:800;
      letter-spacing:.08em;
    }

    .service-copy h3{
      margin:0;
      color:#12151a;
      font-size:22px;
      line-height:1.16;
      font-weight:730;
      letter-spacing:-.024em;
    }

    .service-copy > p{
      margin:8px 0 0;
      max-width:650px;
      color:#646d7a;
      font-size:13px;
      line-height:1.55;
    }

    .service-meta{
      display:flex;
      flex-wrap:wrap;
      gap:6px 8px;
      margin-top:12px;
    }

    .service-meta span{
      padding:5px 7px;
      border:1px solid #e0e4e9;
      border-radius:6px;
      background:#fff;
      color:#717a87;
      font-size:10px;
      line-height:1;
      font-weight:650;
    }

    .service-system-note{
      margin:20px 0 0;
      max-width:690px;
      color:#3e4754;
      font-size:12.5px;
      line-height:1.55;
      font-weight:650;
    }

    .fit-assistant{
      position:sticky;
      top:104px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      background:#0f1825;
      color:#eef2f7;
      box-shadow:0 20px 54px rgba(15,24,37,.12);
    }

    .fit-assistant-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      padding:20px 20px 16px;
      border-bottom:1px solid rgba(255,255,255,.075);
    }

    .fit-assistant-label{
      margin:0 0 7px;
      color:#8290a3;
      font-size:8.5px;
      line-height:1;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .fit-assistant-top h3{
      margin:0;
      max-width:230px;
      color:#fff;
      font-size:19px;
      line-height:1.18;
      font-weight:720;
      letter-spacing:-.028em;
    }

    .fit-status{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      gap:6px;
      margin-top:1px;
      color:#8d99aa;
      font-size:9px;
      font-weight:700;
    }

    .fit-status i{
      width:6px;
      height:6px;
      border-radius:50%;
      background:#4dc679;
      box-shadow:0 0 0 3px rgba(77,198,121,.08);
    }

    .fit-chat{
      min-height:290px;
      padding:18px 17px 15px;
    }

    .fit-message{
      max-width:100%;
      margin-bottom:12px;
      padding:11px 12px;
      border-radius:10px;
      font-size:11.5px;
      line-height:1.5;
    }

    .fit-message p{
      margin:0;
    }

    .fit-message-assistant{
      background:#162232;
      border:1px solid rgba(255,255,255,.065);
      color:#d6dde7;
      border-bottom-left-radius:4px;
    }

    .fit-message-name{
      display:block;
      margin-bottom:5px;
      color:#7188ad;
      font-size:8px;
      line-height:1;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .fit-quick-replies{
      display:grid;
      gap:7px;
      margin-top:14px;
    }

    .fit-quick-replies button{
      width:100%;
      padding:10px 11px;
      border:1px solid rgba(255,255,255,.095);
      border-radius:8px;
      background:#121e2c;
      color:#cbd4df;
      font:inherit;
      font-size:10.8px;
      line-height:1.3;
      text-align:left;
      cursor:pointer;
      transition:border-color .18s ease, background .18s ease, color .18s ease;
    }

    .fit-quick-replies button:hover{
      border-color:rgba(120,153,208,.36);
      background:#172538;
      color:#fff;
    }

    .fit-result{
      margin-top:12px;
    }

    .fit-result-path{
      display:block;
      margin-bottom:8px;
      color:#9db7df;
      font-size:9px;
      line-height:1.35;
      font-weight:800;
      letter-spacing:.05em;
      text-transform:uppercase;
    }

    .fit-assistant-actions{
      display:grid;
      gap:7px;
      padding:0 17px 15px;
    }

    .fit-project-link,
    .fit-whatsapp-link{
      min-height:41px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:0 12px;
      border-radius:8px;
      text-decoration:none;
      font-size:10.8px;
      line-height:1.3;
      font-weight:760;
    }

    .fit-project-link{
      background:#eef2f7;
      color:#111821;
    }

    .fit-whatsapp-link{
      border:1px solid rgba(255,255,255,.095);
      background:#142131;
      color:#d7e0eb;
    }

    .fit-reset{
      justify-self:start;
      margin-top:3px;
      padding:0;
      border:0;
      background:transparent;
      color:#778496;
      font:inherit;
      font-size:9.8px;
      cursor:pointer;
    }

    .fit-reset:hover{
      color:#b4becb;
    }

    .fit-assistant-foot{
      margin:0;
      padding:13px 17px 15px;
      border-top:1px solid rgba(255,255,255,.065);
      color:#707d8e;
      font-size:9.8px;
      line-height:1.45;
    }

    @media (max-width:980px){
      .services-system-layout{
        grid-template-columns:1fr;
      }

      .fit-assistant{
        position:relative;
        top:auto;
        max-width:620px;
      }
    }

    @media (max-width:680px){
      .services-system-inner{
        width:calc(100% - 32px);
        padding:68px 0 72px;
      }

      .services-system-head{
        margin-bottom:34px;
      }

      .services-system-head h2{
        font-size:33px;
      }

      .services-system-layout{
        gap:34px;
      }

      .service-row{
        grid-template-columns:34px minmax(0,1fr);
        gap:11px;
        padding:20px 0;
      }

      .service-row:hover{
        padding-left:0;
        background:transparent;
      }

      .service-copy h3{
        font-size:20px;
      }

      .fit-chat{
        min-height:0;
      }
    }

    /* v49 — compact the team section without changing its 3-column structure or images */
    .team-trust-inner{
      width:min(1180px, calc(100% - 64px));
      padding:58px 0 52px;
    }

    .team-trust-head{
      max-width:740px;
      margin:0 auto 28px;
    }

    .team-trust-kicker{
      margin-bottom:12px;
    }

    .team-trust-head h2{
      max-width:740px;
      font-size:32px;
      line-height:1.08;
    }

    .team-trust-head > p:last-child{
      margin-top:12px;
      max-width:620px;
      font-size:13px;
      line-height:1.5;
    }

    .team-grid{
      gap:16px;
    }

    .team-card{
      min-height:0;
      border-radius:14px;
    }

    .team-photo-wrap{
      aspect-ratio:auto;
      height:168px;
    }

    .team-photo{
      object-fit:cover;
      object-position:center 24%;
    }

    .team-card-body{
      padding:18px 18px 17px;
    }

    .team-card h3{
      font-size:19px;
    }

    .team-role{
      margin-top:5px;
      font-size:11.5px;
    }

    .team-divider{
      margin:13px 0 12px;
    }

    .team-proof-list{
      gap:8px;
    }

    .team-proof-list li{
      padding-left:14px;
      font-size:10.8px;
      line-height:1.42;
    }

    .team-proof-list li::before{
      width:5px;
      height:5px;
    }

    .team-focus{
      padding-top:14px;
    }

    .team-focus span{
      margin-bottom:5px;
      font-size:8px;
    }

    .team-focus strong{
      min-height:0;
      padding:8px 9px;
      font-size:10px;
      line-height:1.3;
    }

    .team-trust-banner{
      margin-top:18px;
      padding:10px 16px;
      gap:8px 28px;
    }

    .team-trust-banner span{
      font-size:10px;
    }

    @media (max-width:980px){
      .team-card{
        display:block;
      }

      .team-photo-wrap{
        min-height:0;
        height:190px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
      }
    }

    @media (max-width:680px){
      .team-trust-inner{
        width:calc(100% - 32px);
        padding:48px 0 44px;
      }

      .team-trust-head{
        margin-bottom:24px;
      }

      .team-trust-head h2{
        font-size:28px;
      }

      .team-photo-wrap{
        height:180px;
      }

      .team-card-body{
        padding:17px 16px 16px;
      }
    }


    /* v51 — direct human chat mode inside Services only */
    .fit-mode-tabs{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0;
      padding:6px;
      background:#0b1420;
      border-bottom:1px solid rgba(255,255,255,.075);
    }

    .fit-mode-tab{
      min-height:38px;
      border:0;
      border-radius:8px;
      background:transparent;
      color:#738094;
      font:inherit;
      font-size:10.5px;
      font-weight:760;
      cursor:pointer;
      transition:background .18s ease,color .18s ease;
    }

    .fit-mode-tab:hover{
      color:#c8d1dc;
    }

    .fit-mode-tab.is-active{
      background:#172334;
      color:#fff;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
    }

    .fit-mode-panel[hidden]{
      display:none !important;
    }

    .human-chat-head{
      padding:22px 20px 18px;
      border-bottom:1px solid rgba(255,255,255,.075);
    }

    .human-chat-head h3{
      margin:0;
      color:#fff;
      font-size:19px;
      line-height:1.22;
      font-weight:720;
      letter-spacing:-.028em;
    }

    .human-chat-head > p:last-child{
      margin:10px 0 0;
      color:#8692a3;
      font-size:10.8px;
      line-height:1.55;
    }

    .human-chat-window{
      padding:18px 17px 17px;
    }

    .human-chat-person{
      display:flex;
      align-items:center;
      gap:11px;
      margin-bottom:18px;
      padding:11px 12px;
      border:1px solid rgba(255,255,255,.075);
      border-radius:10px;
      background:#142031;
    }

    .human-chat-avatar{
      width:38px;
      height:38px;
      overflow:hidden;
      flex:0 0 auto;
      border-radius:50%;
      background:#1d2938;
    }

    .human-chat-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center 24%;
    }

    .human-chat-person strong{
      display:block;
      color:#f0f3f7;
      font-size:11px;
      line-height:1.2;
    }

    .human-chat-person span{
      display:block;
      margin-top:4px;
      color:#748196;
      font-size:9.5px;
      line-height:1.2;
    }

    .human-chat-label{
      display:block;
      margin-bottom:7px;
      color:#9aa6b5;
      font-size:9.5px;
      font-weight:700;
    }

    .human-chat-window textarea{
      width:100%;
      min-height:112px;
      resize:vertical;
      padding:11px 12px;
      border:1px solid rgba(255,255,255,.095);
      border-radius:9px;
      outline:none;
      background:#111c2a;
      color:#eef2f7;
      font:inherit;
      font-size:11px;
      line-height:1.5;
      transition:border-color .18s ease;
    }

    .human-chat-window textarea::placeholder{
      color:#596679;
    }

    .human-chat-window textarea:focus{
      border-color:rgba(123,157,214,.42);
    }

    .human-chat-send{
      min-height:43px;
      margin-top:10px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:0 12px;
      border-radius:8px;
      background:#eef2f7;
      color:#111821;
      text-decoration:none;
      font-size:10.8px;
      line-height:1.3;
      font-weight:780;
    }

    .human-project-form{
      margin-top:11px;
      padding:0;
      border:0;
      background:transparent;
      color:#8290a3;
      font:inherit;
      font-size:9.8px;
      line-height:1.45;
      text-align:left;
      cursor:pointer;
    }

    .human-project-form:hover{
      color:#bcc6d3;
    }


    /* v52 — Services design-only concept preview */
    .service-demo{
      position:sticky;
      top:104px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.08);
      border-radius:16px;
      background:#0f1825;
      color:#eef2f7;
      box-shadow:0 20px 54px rgba(15,24,37,.12);
    }

    .service-demo-head{
      padding:20px 20px 17px;
      border-bottom:1px solid rgba(255,255,255,.075);
    }

    .service-demo-kicker{
      margin:0 0 7px;
      color:#8290a3;
      font-size:8.5px;
      line-height:1;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .service-demo-head h3{
      margin:0;
      color:#fff;
      font-size:19px;
      line-height:1.22;
      font-weight:720;
      letter-spacing:-.028em;
    }

    .service-demo-thread{
      padding:18px 17px 17px;
    }

    .demo-message{
      width:88%;
      padding:11px 12px;
      border-radius:10px;
      font-size:11px;
      line-height:1.48;
    }

    .demo-message + .demo-message{
      margin-top:10px;
    }

    .demo-message span{
      display:block;
      margin-bottom:5px;
      font-size:8px;
      line-height:1;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .demo-message p{
      margin:0;
    }

    .demo-message-buyer{
      margin-left:auto;
      background:#f2f4f7;
      color:#18202b;
      border-bottom-right-radius:4px;
    }

    .demo-message-buyer span{
      color:#7e8794;
    }

    .demo-message-ai{
      background:#162232;
      border:1px solid rgba(255,255,255,.065);
      color:#d6dde7;
      border-bottom-left-radius:4px;
    }

    .demo-message-ai span{
      color:#7188ad;
    }

    .demo-route{
      margin-top:14px;
      padding:11px 12px;
      border:1px solid rgba(126,156,205,.18);
      border-radius:9px;
      background:#111d2c;
    }

    .demo-route span{
      display:block;
      margin-bottom:5px;
      color:#71809a;
      font-size:8px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .demo-route strong{
      color:#c9d7eb;
      font-size:10.5px;
      line-height:1.35;
      font-weight:700;
    }

    .demo-handoff{
      margin-top:14px;
      padding:12px;
      border:1px solid rgba(255,255,255,.08);
      border-radius:10px;
      background:#121d2b;
    }

    .demo-handoff-person{
      display:flex;
      align-items:center;
      gap:10px;
    }

    .demo-avatar{
      width:34px;
      height:34px;
      flex:0 0 auto;
      overflow:hidden;
      border-radius:50%;
      background:#1d2938;
    }

    .demo-avatar img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center 24%;
    }

    .demo-handoff-person strong{
      display:block;
      color:#f0f3f7;
      font-size:10.5px;
      line-height:1.25;
    }

    .demo-handoff-person span{
      display:block;
      margin-top:3px;
      color:#748196;
      font-size:9px;
      line-height:1.25;
    }

    .demo-chat-input{
      margin-top:12px;
      padding:10px 11px;
      border:1px solid rgba(255,255,255,.075);
      border-radius:8px;
      background:#0f1926;
    }

    .demo-chat-input span{
      display:block;
      margin-bottom:5px;
      color:#657286;
      font-size:8px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .demo-chat-input p{
      margin:0;
      color:#9eabbc;
      font-size:9.8px;
      line-height:1.45;
    }

    .demo-cta-row{
      display:grid;
      gap:7px;
      margin-top:10px;
    }

    .demo-primary,
    .demo-secondary{
      min-height:38px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 11px;
      border-radius:8px;
      font-size:10px;
      line-height:1.3;
      font-weight:760;
    }

    .demo-primary{
      background:#eef2f7;
      color:#111821;
    }

    .demo-secondary{
      border:1px solid rgba(255,255,255,.085);
      color:#98a5b5;
      background:#142131;
    }

    .service-demo-foot{
      margin:0;
      padding:12px 17px 14px;
      border-top:1px solid rgba(255,255,255,.065);
      color:#667386;
      font-size:8.8px;
      line-height:1.45;
    }

    @media (max-width:980px){
      .service-demo{
        position:relative;
        top:auto;
        max-width:620px;
      }
    }


    .client-feedback-placeholder[hidden]{
      display:none !important;
    }

    #services{
      scroll-margin-top:96px;
    }


    /* Hero — final desktop visual proportion
       54/46 composition: copy stays the first reading target; work remains a strong second anchor. */
    @media (min-width:1281px){
      .hero,
      .hero-inner{
        min-height:690px;
      }

      .hero-inner{
        display:grid;
        grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
        column-gap:clamp(78px, 5.7vw, 116px);
        align-items:start;
        padding:
          82px
          clamp(18px, 2vw, 32px)
          40px
          clamp(72px, 6vw, 118px);
      }

      .copy{
        position:relative;
        left:auto;
        top:auto;
        width:min(650px, 100%);
        z-index:3;
      }

      .copy h1{
        max-width:650px;
        font-size:clamp(52px, 3.6vw, 58px);
        line-height:1.045;
        letter-spacing:-.047em;
      }

      .sub{
        width:min(570px, 100%);
        margin-top:22px;
        font-size:16px;
        line-height:1.64;
      }

      .hero-actions{
        margin-top:27px;
        gap:18px;
      }

      .hero-proof{
        width:min(590px, 100%);
        margin-top:32px;
        padding-top:22px;
      }

      .visual{
        position:relative;
        right:auto;
        top:auto;
        width:100%;
        height:420px;
        margin-top:24px;
        z-index:2;
      }

      .project-card{
        width:290px;
        height:378px;
      }

      .slider-note{
        left:50%;
      }
    }

    @media (min-width:1021px) and (max-width:1280px){
      .hero,
      .hero-inner{
        min-height:680px;
      }

      .copy{
        left:clamp(52px, 6vw, 76px);
        top:88px;
        width:560px;
      }

      .copy h1{
        max-width:560px;
        font-size:50px;
        line-height:1.07;
      }

      .sub{
        width:520px;
        margin-top:23px;
        font-size:16px;
      }

      .hero-actions{
        margin-top:28px;
      }

      .hero-proof{
        width:540px;
        margin-top:34px;
      }

      .visual{
        right:-4px;
        top:120px;
        width:430px;
        height:375px;
      }

      .project-card{
        width:235px;
        height:305px;
      }

      .slider-note{
        left:45%;
      }
    }

    /* v57 — approved Compact Expert Cards */
    .team-trust-inner{
      width:min(1120px, calc(100% - 64px));
      padding:54px 0 48px;
    }

    .team-trust-head{
      max-width:720px;
      margin:0 auto 26px;
    }

    .team-trust-kicker{
      margin-bottom:11px;
    }

    .team-trust-head h2{
      max-width:720px;
      font-size:31px;
      line-height:1.08;
    }

    .team-trust-head > p:last-child{
      margin-top:11px;
      max-width:620px;
      font-size:12.5px;
      line-height:1.5;
    }

    .team-grid{
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:16px;
    }

    .team-card{
      min-height:224px;
      display:flex;
      flex-direction:column;
      padding:17px;
      overflow:hidden;
      border-radius:13px;
    }

    .team-card-head{
      display:grid;
      grid-template-columns:86px minmax(0,1fr);
      gap:14px;
      align-items:center;
      padding-bottom:14px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .team-photo-wrap{
      width:86px;
      height:100px;
      aspect-ratio:auto;
      min-height:0;
      overflow:hidden;
      border:0;
      border-radius:9px;
      background:#162230;
    }

    .team-photo{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }

    .team-card:nth-child(1) .team-photo{
      object-position:50% 39%;
      transform:scale(1.42);
    }

    .team-card:nth-child(2) .team-photo{
      object-position:35% 56%;
      transform:scale(1.72);
    }

    .team-card:nth-child(3) .team-photo{
      object-position:50% 27%;
      transform:scale(1.08);
    }

    .team-identity{
      min-width:0;
    }

    .team-card h3{
      margin:0;
      font-size:18px;
      line-height:1.15;
    }

    .team-role{
      margin:5px 0 0;
      font-size:10.8px;
      line-height:1.35;
    }

    .team-card-body{
      display:flex;
      flex:1;
      flex-direction:column;
      padding:14px 0 0;
    }

    .team-divider{
      display:none;
    }

    .team-proof-list{
      gap:7px;
    }

    .team-proof-list li{
      padding-left:14px;
      font-size:10.5px;
      line-height:1.42;
    }

    .team-proof-list li::before{
      width:5px;
      height:5px;
    }

    .team-focus{
      margin-top:auto;
      padding-top:12px;
    }

    .team-focus span{
      margin-bottom:5px;
      font-size:7.8px;
    }

    .team-focus strong{
      min-height:0;
      padding:7px 9px;
      font-size:9.8px;
      line-height:1.3;
    }

    .team-trust-banner{
      width:min(900px,100%);
      margin-top:17px;
      padding:10px 15px;
      gap:8px 26px;
    }

    .team-trust-banner span{
      font-size:9.8px;
    }

    @media (max-width:980px){
      .team-grid{
        grid-template-columns:1fr;
        max-width:680px;
        margin:0 auto;
      }

      .team-card{
        min-height:0;
      }

      .team-photo-wrap{
        height:100px;
        border-bottom:0;
      }
    }

    @media (max-width:680px){
      .team-trust-inner{
        width:calc(100% - 32px);
        padding:46px 0 42px;
      }

      .team-trust-head{
        margin-bottom:22px;
      }

      .team-trust-head h2{
        font-size:27px;
      }

      .team-card{
        padding:15px;
      }

      .team-card-head{
        grid-template-columns:76px minmax(0,1fr);
        gap:12px;
      }

      .team-photo-wrap{
        width:76px;
        height:90px;
      }
    }

    /* Restored — previously confirmed team portrait treatment.
       Keep the approved portrait size/crops; do not alter without explicit approval. */

    .team-card-head{
      grid-template-columns:104px minmax(0,1fr);
      gap:15px;
    }

    .team-photo-wrap{
      position:relative;
      width:104px;
      height:124px;
      min-height:0;
      aspect-ratio:auto;
      overflow:hidden;
      flex:0 0 104px;
      border-radius:12px;
    }

    .team-card .team-photo{
      position:static;
      left:auto;
      top:auto;
      right:auto;
      bottom:auto;
      width:100%;
      height:100%;
      max-width:none;
      display:block;
      object-fit:cover;
      transform-origin:center center;
    }

    /* Chen Rongjing — approved crop */
    .team-card:nth-child(1) .team-photo{
      object-position:50% 34%;
      transform:scale(1.12);
    }

    /* Chen Guanquan — locked manual calibration */
    .team-card:nth-child(2) .team-photo{
      object-position:50% 149%;
      transform:scale(2) translateX(17%);
      transform-origin:center center;
    }

    /* Chen Xibo — approved crop */
    .team-card:nth-child(3) .team-photo{
      object-position:50% 24%;
      transform:scale(1.03);
    }

    @media (max-width:680px){
      .team-card-head{
        grid-template-columns:88px minmax(0,1fr);
        gap:13px;
      }

      .team-photo-wrap{
        width:88px;
        height:106px;
        flex-basis:88px;
        border-radius:10px;
      }
    }




    /* Screen 03 — Capability continuation / open editorial matrix */
    .services-experiment{
      background:#fbfbfc;
      border-top:1px solid #e6e9ee;
      border-bottom:1px solid #e6e9ee;
    }

    .services-experiment .services-system-inner{
      width:min(1260px, calc(100% - 96px));
      padding:92px 0 98px;
    }

    .services-experiment-head{
      display:block;
      max-width:820px;
      margin:0 0 52px;
    }

    .services-experiment-head .services-kicker{
      margin:0 0 16px;
      color:#777f8c;
      font-size:11px;
      line-height:1;
      font-weight:780;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .services-experiment-head h2{
      margin:0;
      max-width:800px;
      color:#111318;
      font-size:46px;
      line-height:1.045;
      font-weight:750;
      letter-spacing:-.047em;
      text-wrap:balance;
    }

    .services-experiment-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      border-top:1px solid #d9dee6;
      border-bottom:1px solid #d9dee6;
    }

    .services-experiment-item{
      position:relative;
      min-width:0;
      min-height:190px;
      padding:34px 46px 36px 0;
    }

    .services-experiment-item:nth-child(even){
      padding-left:46px;
      padding-right:0;
      border-left:1px solid #e0e4ea;
    }

    .services-experiment-item:nth-child(n/**/+3){
      border-top:1px solid #e0e4ea;
    }

    .services-experiment-number{
      display:none;
    }

    .services-experiment-item::before{
      content:"";
      display:block;
      width:24px;
      height:2px;
      margin-bottom:23px;
      border-radius:999px;
      background:#7568ff;
      opacity:.72;
      transform-origin:left center;
      transition:width .2s ease, opacity .2s ease;
    }

    .services-experiment-item h3{
      margin:0;
      max-width:430px;
      color:#111318;
      font-size:28px;
      line-height:1.08;
      font-weight:735;
      letter-spacing:-.035em;
      transition:transform .2s ease;
    }

    .services-experiment-item p{
      margin:12px 0 0;
      max-width:420px;
      color:#68717d;
      font-size:14px;
      line-height:1.62;
    }

    .services-experiment-item:hover::before{
      width:44px;
      opacity:1;
    }

    .services-experiment-item:hover h3{
      transform:translateX(3px);
    }

    @media (max-width:1020px){
      .services-experiment .services-system-inner{
        width:min(760px, calc(100% - 48px));
        padding:78px 0 84px;
      }

      .services-experiment-head{
        max-width:700px;
        margin-bottom:42px;
      }

      .services-experiment-head h2{
        max-width:680px;
        font-size:40px;
      }

      .services-experiment-item{
        min-height:176px;
        padding:30px 32px 32px 0;
      }

      .services-experiment-item:nth-child(even){
        padding-left:32px;
      }

      .services-experiment-item h3{
        font-size:25px;
      }
    }

    @media (max-width:680px){
      .services-experiment .services-system-inner{
        width:calc(100% - 32px);
        padding:64px 0 70px;
      }

      .services-experiment-head{
        margin-bottom:34px;
      }

      .services-experiment-head .services-kicker{
        margin-bottom:14px;
      }

      .services-experiment-head h2{
        font-size:34px;
        line-height:1.07;
      }

      .services-experiment-grid{
        grid-template-columns:1fr;
      }

      .services-experiment-item,
      .services-experiment-item:nth-child(even){
        min-height:0;
        padding:26px 0 28px;
        border-left:0;
        border-top:1px solid #e0e4ea;
      }

      .services-experiment-item:first-child{
        border-top:0;
      }

      .services-experiment-item::before{
        margin-bottom:18px;
      }

      .services-experiment-item h3{
        max-width:none;
        font-size:25px;
      }

      .services-experiment-item p{
        max-width:none;
        font-size:13.5px;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .services-experiment-item::before,
      .services-experiment-item h3{
        transition:none;
      }
    }

    /* === Screen 07 — Closing decision / project entry === */
    .pricing-experiment.closing-decision{
      background:#f5f6f8;
      color:#15181e;
      border-top:1px solid #e1e5ea;
    }

    .pricing-experiment.closing-decision .pricing-experiment-inner{
      width:min(1260px, calc(100% - 96px));
      margin:0 auto;
      display:block;
      padding:94px 0 100px;
    }

    .closing-decision-head{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);
      gap:86px;
      align-items:end;
      margin-bottom:48px;
    }

    .closing-decision .start-kicker{
      margin:0 0 16px;
      color:#747c88;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .closing-decision .pricing-experiment-main h2{
      margin:0;
      max-width:690px;
      color:#111318;
      font-size:52px;
      line-height:1.02;
      font-weight:750;
      letter-spacing:-.05em;
      text-wrap:balance;
    }

    .closing-decision .pricing-experiment-intro{
      margin:0;
      max-width:500px;
      color:#68717e;
      font-size:16px;
      line-height:1.66;
    }

    .closing-decision-body{
      display:grid;
      grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
      border-top:1px solid #d7dce3;
      border-bottom:1px solid #d7dce3;
    }

    .closing-decision-primary{
      min-width:0;
      padding:34px 56px 34px 0;
    }

    .closing-decision .pricing-experiment-actions{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:24px;
      margin:0;
    }

    .closing-decision .pricing-experiment-primary{
      width:auto;
      min-width:250px;
      min-height:56px;
      margin:0;
      padding:0 20px 0 22px;
      border-radius:8px;
      background:#5645f5;
      color:#fff;
      box-shadow:0 10px 24px rgba(86,69,245,.14);
    }

    .closing-decision .pricing-experiment-primary:hover{
      background:#6151ff;
      box-shadow:0 14px 30px rgba(86,69,245,.20);
    }

    .closing-decision .pricing-experiment-secondary{
      color:#20242b;
      font-size:14px;
      line-height:1.2;
      font-weight:700;
      text-decoration:none;
      border-bottom:1px solid #aeb5c0;
      padding-bottom:3px;
    }

    .closing-decision .pricing-experiment-secondary:hover{
      border-color:#20242b;
    }

    .closing-decision .pricing-experiment-direct{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:10px;
      margin-top:23px;
      color:#848c98;
      font-size:13px;
    }

    .closing-decision .pricing-experiment-direct a{
      color:#4d5663;
      text-decoration:none;
      border-bottom:1px solid #c1c6ce;
    }

    .closing-decision .pricing-experiment-direct a:hover{
      color:#171a20;
      border-color:#707985;
    }

    .closing-decision .pricing-experiment-side{
      min-width:0;
      padding:34px 0 34px 44px;
      border-left:1px solid #dce1e7;
    }

    .closing-decision .pricing-experiment-side-label{
      margin:0 0 12px;
      color:#181b21;
      font-size:21px;
      line-height:1.18;
      font-weight:730;
      letter-spacing:-.025em;
    }

    .closing-decision .pricing-experiment-side > p:last-of-type{
      margin:0;
      max-width:390px;
      color:#68717e;
      font-size:14px;
      line-height:1.62;
    }

    .closing-decision .pricing-experiment-side a{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:20px;
      color:#5145da;
      font-size:13px;
      line-height:1;
      font-weight:760;
      text-decoration:none;
    }

    @media (max-width:980px){
      .pricing-experiment.closing-decision .pricing-experiment-inner{
        width:min(920px, calc(100% - 48px));
        padding:82px 0 88px;
      }

      .closing-decision-head{
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:38px;
      }

      .closing-decision .pricing-experiment-main h2{
        max-width:700px;
        font-size:44px;
      }

      .closing-decision .pricing-experiment-intro{
        max-width:620px;
      }

      .closing-decision-body{
        grid-template-columns:1fr;
      }

      .closing-decision-primary{
        padding:30px 0 32px;
      }

      .closing-decision .pricing-experiment-side{
        padding:28px 0 30px;
        border-left:0;
        border-top:1px solid #dce1e7;
      }
    }

    @media (max-width:640px){
      .pricing-experiment.closing-decision .pricing-experiment-inner{
        width:calc(100% - 32px);
        padding:62px 0 68px;
      }

      .closing-decision .pricing-experiment-main h2{
        font-size:36px;
        line-height:1.05;
      }

      .closing-decision .pricing-experiment-intro{
        font-size:15px;
      }

      .closing-decision .pricing-experiment-actions{
        align-items:flex-start;
        flex-direction:column;
        gap:18px;
      }

      .closing-decision .pricing-experiment-primary{
        width:100%;
      }

      .closing-decision .pricing-experiment-side-label{
        font-size:20px;
      }
    }

    /* === Screen 06 — Core Team editorial trust layer ===
       Scope: Team only. Existing copy and portrait crop values are preserved. */
    .team-trust{
      background:#0c1522;
      color:#f5f7fb;
      border-top:1px solid rgba(255,255,255,.06);
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .team-trust .team-trust-inner{
      width:min(1260px, calc(100% - 96px));
      margin:0 auto;
      padding:92px 0 86px;
      display:grid;
      grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);
      column-gap:88px;
      align-items:start;
    }

    .team-trust .team-trust-head{
      max-width:430px;
      margin:0;
      text-align:left;
      position:relative;
      padding-top:2px;
    }

    .team-trust .team-trust-kicker{
      margin:0 0 18px;
      color:#7e91aa;
      font-size:11px;
      line-height:1;
      font-weight:800;
      letter-spacing:.15em;
      text-transform:uppercase;
    }

    .team-trust .team-trust-head h2{
      margin:0;
      max-width:420px;
      color:#fff;
      font-size:46px;
      line-height:1.05;
      font-weight:750;
      letter-spacing:-.047em;
      text-wrap:balance;
    }

    .team-trust .team-trust-head > p:last-child{
      max-width:360px;
      margin:22px 0 0;
      color:#8f9baa;
      font-size:14px;
      line-height:1.62;
    }

    .team-trust .team-grid{
      min-width:0;
      display:grid;
      grid-template-columns:1fr;
      gap:0;
      border-top:1px solid rgba(255,255,255,.12);
    }

    .team-trust .team-card{
      min-width:0;
      min-height:0;
      display:grid;
      grid-template-columns:minmax(330px,.9fr) minmax(0,1fr);
      gap:34px;
      align-items:center;
      padding:24px 0;
      border:0;
      border-bottom:1px solid rgba(255,255,255,.10);
      border-radius:0;
      background:transparent;
      box-shadow:none;
      overflow:visible;
      transition:none;
    }

    .team-trust .team-card:hover{
      transform:none;
      box-shadow:none;
      border-color:rgba(255,255,255,.14);
    }

    .team-trust .team-card-head{
      min-width:0;
      display:grid;
      grid-template-columns:118px minmax(0,1fr);
      gap:20px;
      align-items:center;
      padding:0;
      border:0;
    }

    .team-trust .team-photo-wrap{
      position:relative;
      width:118px;
      height:142px;
      min-height:0;
      flex:0 0 118px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      border-radius:8px;
      background:#162230;
      transition:border-color .2s ease;
    }

    .team-trust .team-card:hover .team-photo-wrap{
      border-color:rgba(125,151,190,.30);
    }

    .team-trust .team-card .team-photo{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }

    /* LOCKED portrait crops — preserved */
    .team-trust .team-card:nth-child(1) .team-photo{
      object-position:50% 34%;
      transform:scale(1.12);
    }

    .team-trust .team-card:nth-child(2) .team-photo{
      object-position:50% 149%;
      transform:scale(2) translateX(17%);
      transform-origin:center center;
    }

    .team-trust .team-card:nth-child(3) .team-photo{
      object-position:50% 24%;
      transform:scale(1.03);
    }

    .team-trust .team-identity{
      min-width:0;
    }

    .team-trust .team-card h3{
      margin:0;
      color:#fff;
      font-size:21px;
      line-height:1.12;
      font-weight:730;
      letter-spacing:-.025em;
    }

    .team-trust .team-role{
      margin:7px 0 0;
      color:#83a9e5;
      font-size:11.5px;
      line-height:1.45;
      font-weight:650;
    }

    .team-trust .team-card-body{
      min-width:0;
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:26px;
      align-items:center;
      padding:0;
    }

    .team-trust .team-summary{
      margin:0;
      max-width:430px;
      color:rgba(226,236,248,.76);
      font-size:12.5px;
      line-height:1.58;
    }

    .team-trust .team-focus-line{
      margin:0;
      color:#e6edf6;
      font-size:10.5px;
      line-height:1.4;
      font-weight:680;
      white-space:nowrap;
    }

    .team-trust .team-trust-banner{
      grid-column:2;
      width:100%;
      margin:22px 0 0;
      padding:18px 0 0;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      flex-wrap:wrap;
      gap:10px 34px;
      border:0;
      border-top:1px solid rgba(255,255,255,.10);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }

    .team-trust .team-trust-banner span{
      position:relative;
      color:rgba(226,236,248,.72);
      font-size:10.5px;
      line-height:1.35;
      font-weight:650;
    }

    .team-trust .team-trust-banner span + span::before{
      content:"";
      position:absolute;
      left:-19px;
      top:50%;
      width:3px;
      height:3px;
      border-radius:50%;
      background:#607ba9;
      transform:translateY(-50%);
    }

    @media (max-width:1020px){
      .team-trust .team-trust-inner{
        width:min(920px, calc(100% - 48px));
        padding:80px 0 76px;
        grid-template-columns:1fr;
        row-gap:38px;
      }

      .team-trust .team-trust-head{
        max-width:none;
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
        column-gap:52px;
        align-items:end;
      }

      .team-trust .team-trust-kicker{
        grid-column:1;
        margin-bottom:15px;
      }

      .team-trust .team-trust-head h2{
        grid-column:1;
        max-width:520px;
        font-size:40px;
      }

      .team-trust .team-trust-head > p:last-child{
        grid-column:2;
        grid-row:1 / span 2;
        align-self:end;
        max-width:360px;
        margin:0 0 2px;
      }

      .team-trust .team-card{
        grid-template-columns:minmax(300px,.88fr) minmax(0,1fr);
        gap:28px;
      }

      .team-trust .team-card-head{
        grid-template-columns:108px minmax(0,1fr);
        gap:18px;
      }

      .team-trust .team-photo-wrap{
        width:108px;
        height:132px;
        flex-basis:108px;
      }

      .team-trust .team-trust-banner{
        grid-column:1;
      }
    }

    @media (max-width:680px){
      .team-trust .team-trust-inner{
        width:calc(100% - 32px);
        padding:66px 0 62px;
        row-gap:30px;
      }

      .team-trust .team-trust-head{
        display:block;
      }

      .team-trust .team-trust-head h2{
        max-width:340px;
        font-size:34px;
        line-height:1.07;
      }

      .team-trust .team-trust-head > p:last-child{
        max-width:340px;
        margin-top:16px;
        font-size:13.5px;
      }

      .team-trust .team-card{
        display:block;
        padding:20px 0 22px;
      }

      .team-trust .team-card-head{
        grid-template-columns:92px minmax(0,1fr);
        gap:15px;
      }

      .team-trust .team-photo-wrap{
        width:92px;
        height:112px;
        flex-basis:92px;
        border-radius:7px;
      }

      .team-trust .team-card h3{
        font-size:19px;
      }

      .team-trust .team-role{
        font-size:10.8px;
      }

      .team-trust .team-card-body{
        display:block;
        padding-top:15px;
      }

      .team-trust .team-summary{
        max-width:none;
        font-size:12px;
      }

      .team-trust .team-focus-line{
        margin-top:10px;
        font-size:10px;
        white-space:normal;
      }

      .team-trust .team-trust-banner{
        margin-top:18px;
        padding-top:16px;
        gap:8px 18px;
      }

      .team-trust .team-trust-banner span{
        width:100%;
      }

      .team-trust .team-trust-banner span + span::before{
        display:none;
      }
    }


.inquiry-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.inquiry-submit[disabled]{opacity:.58;cursor:wait}
.inquiry-status{margin-top:14px;padding:12px 14px;border:1px solid #dfe3e7;background:#f7f8f9;color:#353b42;font-size:12px;line-height:1.55}
.inquiry-status.is-success{border-color:#c9dfd0;background:#f4faf6;color:#183f25}
.inquiry-status.is-error{border-color:#e7c8c8;background:#fff7f7;color:#6f2727}



/* v63 — Screen 06 rebuild: editorial team portraits */
.team-trust.editorial-team{
  position:relative;
  background:#07162d;
}

.team-trust.editorial-team .team-trust-inner{
  width:min(1280px, calc(100% - 88px));
  margin:0 auto;
  padding:104px 0 112px;
}

.team-trust.editorial-team .editorial-team-head{
  display:block;
  max-width:470px;
  margin:0;
  padding-top:2px;
}

.team-trust.editorial-team .team-trust-kicker{
  margin:0 0 16px;
  color:#7f8da1;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.team-trust.editorial-team h2{
  margin:0;
  max-width:460px;
  color:#f5f7fb;
  font-size:54px;
  line-height:1.02;
  font-weight:750;
  letter-spacing:-.049em;
  text-wrap:balance;
}

.team-trust.editorial-team .editorial-team-head-side{
  margin-top:26px;
}

.team-trust.editorial-team .editorial-team-head-side p{
  margin:0;
  max-width:410px;
  color:#95a3b8;
  font-size:15.5px;
  line-height:1.66;
}

.team-trust.editorial-team .editorial-team-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:30px;
  align-items:start;
}

.team-trust.editorial-team .editorial-team-member{
  min-width:0;
}

.team-trust.editorial-team .editorial-team-photo-wrap{
  position:relative;
  overflow:hidden;
  aspect-ratio:4 / 5;
  background:#0f223c;
  border:1px solid rgba(255,255,255,.08);
}

.team-trust.editorial-team .editorial-team-photo-wrap::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:84px;
  background:linear-gradient(to bottom, rgba(7,22,45,0) 0%, rgba(7,22,45,.42) 48%, rgba(7,22,45,.78) 100%);
  pointer-events:none;
}

.team-trust.editorial-team .editorial-team-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.team-trust.editorial-team .editorial-team-member:nth-child(1) .editorial-team-photo{ object-position:center 24%; }
.team-trust.editorial-team .editorial-team-member:nth-child(2) .editorial-team-photo{ object-position:center 24%; }
.team-trust.editorial-team .editorial-team-member:nth-child(3) .editorial-team-photo{ object-position:center 20%; }

.team-trust.editorial-team .editorial-team-body{
  padding-top:18px;
}

.team-trust.editorial-team .editorial-team-body h3{
  margin:0;
  color:#ffffff;
  font-size:30px;
  line-height:1.05;
  font-weight:730;
  letter-spacing:-.03em;
}

.team-trust.editorial-team .editorial-team-role{
  margin:8px 0 0;
  color:#7293d1;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}

.team-trust.editorial-team .editorial-team-summary{
  margin:18px 0 0;
  max-width:32ch;
  color:#b6c1d0;
  font-size:16px;
  line-height:1.65;
}

.team-trust.editorial-team .editorial-team-focus{
  margin:18px 0 0;
  color:#ffffff;
  font-size:13px;
  line-height:1.45;
  font-weight:720;
}

@media (max-width:1180px){
  .team-trust.editorial-team .team-trust-inner{
    width:min(1040px, calc(100% - 56px));
    padding:88px 0 96px;
  }

  .team-trust.editorial-team .editorial-team-head{
    max-width:720px;
    margin-bottom:42px;
  }

  .team-trust.editorial-team h2{
    font-size:50px;
    max-width:720px;
  }

  .team-trust.editorial-team .editorial-team-head-side{
    margin-top:20px;
  }

  .team-trust.editorial-team .editorial-team-head-side p{
    max-width:620px;
  }

  .team-trust.editorial-team .editorial-team-grid{
    gap:24px;
  }

  .team-trust.editorial-team .editorial-team-body h3{
    font-size:26px;
  }
}

@media (max-width:980px){
  .team-trust.editorial-team .editorial-team-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .team-trust.editorial-team .editorial-team-member{
    display:grid;
    grid-template-columns:minmax(220px, 290px) minmax(0, 1fr);
    gap:24px;
    align-items:start;
    padding-top:0;
    border-top:0;
  }

  .team-trust.editorial-team .editorial-team-body{
    padding-top:4px;
  }

  .team-trust.editorial-team .editorial-team-summary{
    max-width:44ch;
  }
}

@media (max-width:680px){
  .team-trust.editorial-team .team-trust-inner{
    width:calc(100% - 32px);
    padding:56px 0 64px;
  }

  .team-trust.editorial-team .team-trust-kicker{
    margin-bottom:14px;
    font-size:10px;
  }

  .team-trust.editorial-team h2{
    font-size:40px;
    max-width:14ch;
  }

  .team-trust.editorial-team .editorial-team-head-side p{
    font-size:15px;
    line-height:1.62;
  }

  .team-trust.editorial-team .editorial-team-grid{
    gap:34px;
  }

  .team-trust.editorial-team .editorial-team-member{
    display:block;
  }

  .team-trust.editorial-team .editorial-team-photo-wrap{
    aspect-ratio:4 / 4.7;
  }

  .team-trust.editorial-team .editorial-team-body h3{
    font-size:26px;
  }

  .team-trust.editorial-team .editorial-team-role{
    font-size:12px;
  }

  .team-trust.editorial-team .editorial-team-summary{
    margin-top:14px;
    font-size:15px;
  }

  .team-trust.editorial-team .editorial-team-focus{
    margin-top:14px;
    font-size:12px;
  }
}



/* Chen Guanquan only — crop correction */
.team-trust.editorial-team
.editorial-team-member:nth-child(2)
.editorial-team-photo{
  object-position:50% 42%;
  transform:scale(1.18);
  transform-origin:50% 42%;
}


/* === Conversation entry prototype ===
   Persistent R trigger -> docks into Screen 07 -> opens the existing inquiry form as a drawer. */

@media (min-width:681px){
  .hero .hero-actions{
    display:none;
  }

  .hero .hero-proof{
    margin-top:34px;
  }
}

.project-team-float{
  position:fixed;
  right:28px;
  bottom:26px;
  z-index:70;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:7px 18px 7px 8px;
  border:1px solid rgba(133,151,255,.30);
  border-radius:999px;
  background:rgba(12,26,46,.96);
  color:#fff;
  box-shadow:
    0 18px 46px rgba(4,12,24,.26),
    0 0 0 1px rgba(117,104,255,.04);
  backdrop-filter:blur(14px);
  font:inherit;
  text-align:left;
  cursor:pointer;
  animation:projectTeamFloatIntro .72s cubic-bezier(.2,.72,.2,1) 1.1s 1 both;
  transition:
    opacity .26s ease,
    transform .32s cubic-bezier(.2,.7,.2,1),
    box-shadow .2s ease,
    background .2s ease,
    border-color .2s ease;
}

.project-team-float.is-footer-hidden{
  opacity:0 !important;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.96) !important;
}

.project-team-float:hover{
  background:#112542;
  border-color:rgba(143,129,255,.50);
  box-shadow:
    0 22px 54px rgba(4,12,24,.32),
    0 0 0 4px rgba(117,104,255,.06);
  transform:translateY(-2px);
}

.project-team-float-mark{
  position:relative;
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#655cff 0%,#476fff 100%);
  box-shadow:
    0 8px 20px rgba(73,88,255,.28),
    inset 0 0 0 1px rgba(255,255,255,.18);
}

.project-team-float-mark::before{
  content:"";
  position:absolute;
  inset:-4px;
  border:1px solid rgba(132,119,255,.42);
  border-radius:50%;
  pointer-events:none;
}

.project-team-float-mark::after{
  content:"";
  position:absolute;
  right:-4px;
  bottom:3px;
  width:14px;
  height:11px;
  border-radius:7px 7px 7px 3px;
  background:#fff;
  box-shadow:0 3px 8px rgba(4,12,24,.22);
  pointer-events:none;
}

.project-team-float-mark img{
  width:25px;
  height:26px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.10));
}

.project-team-float-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.project-team-float-copy strong{
  font-size:14px;
  line-height:1.14;
  font-weight:780;
  letter-spacing:-.01em;
  white-space:nowrap;
}

.project-team-float-copy > span{
  color:#aebbd0;
  font-size:10.5px;
  line-height:1.2;
  white-space:nowrap;
}

@keyframes projectTeamFloatIntro{
  0%{
    opacity:0;
    transform:translateY(12px) scale(.94);
  }
  60%{
    opacity:1;
    transform:translateY(-2px) scale(1.025);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}


.project-team-float.is-docked{
  position:relative;
  right:auto;
  bottom:auto;
  z-index:2;
  width:100%;
  min-height:64px;
  margin:0;
  animation:none;
  transform:none;
  box-shadow:0 12px 30px rgba(4,12,24,.14);
}

.project-team-float.is-docked:hover{
  transform:translateY(-1px);
}

.closing-decision .closing-decision-primary{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}

.project-team-dock-zone{
  width:min(760px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) 250px;
  gap:28px;
  align-items:end;
  padding:22px 0 24px;
  border-top:1px solid #d8dde5;
  border-bottom:1px solid #d8dde5;
}

.project-team-dock-message{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.project-team-dock-kicker{
  margin-bottom:7px;
  color:#7568ff;
  font-size:9.5px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.project-team-dock-message strong{
  color:#15181e;
  font-size:22px;
  line-height:1.14;
  font-weight:730;
  letter-spacing:-.03em;
}

.project-team-dock-slot{
  min-height:64px;
  display:flex;
  align-items:flex-end;
  justify-content:stretch;
}

.project-team-services-link{
  margin-left:2px;
}

/* Turn the existing inquiry dialog into the direct-conversation drawer. */
.inquiry-dialog{
  position:fixed;
  inset:0 0 0 auto;
  width:min(560px, 94vw);
  height:100dvh;
  max-height:none;
  margin:0;
  border-radius:18px 0 0 18px;
  overscroll-behavior:contain;
}

.inquiry-dialog[open]{
  animation:projectTeamDrawerIn .34s cubic-bezier(.2,.7,.2,1) both;
}

@keyframes projectTeamDrawerIn{
  from{
    opacity:0;
    transform:translateX(34px);
  }
  to{
    opacity:1;
    transform:translateX(0);
  }
}

.inquiry-dialog::backdrop{
  background:rgba(7,13,22,.58);
  backdrop-filter:blur(2px);
}

.inquiry-shell{
  min-height:100%;
  padding:32px 30px 38px;
}

@media (max-width:980px){
  .project-team-float{
    right:18px;
    bottom:18px;
  }
}

@media (max-width:680px){
  .project-team-float{
    right:14px;
    bottom:14px;
    min-height:58px;
    padding:5px;
    border-radius:50%;
  }

  .project-team-float-mark{
    width:48px;
    height:48px;
    flex-basis:48px;
  }

  .project-team-float-copy{
    display:none;
  }

  .inquiry-dialog{
    width:100vw;
    height:100dvh;
    max-height:none;
    border-radius:0;
  }

  .inquiry-shell{
    padding:26px 18px 34px;
  }
}


@media (max-width:980px){
  .project-team-dock-zone{
    width:100%;
    grid-template-columns:minmax(0,1fr) 230px;
    gap:22px;
  }
}

@media (max-width:680px){
  .project-team-dock-zone{
    grid-template-columns:1fr;
    gap:18px;
    align-items:start;
  }

  .project-team-dock-slot{
    width:100%;
  }

  .project-team-float.is-docked{
    width:100%;
    min-height:58px;
    padding:6px 14px 6px 6px;
    border-radius:999px;
  }

  .project-team-float.is-docked .project-team-float-copy{
    display:flex;
  }

  .project-team-dock-message strong{
    font-size:20px;
  }
}

@media (prefers-reduced-motion:reduce){
  .project-team-float,

  .inquiry-dialog[open]{
    animation:none;
  }
}



/* v4 — fixed problem-collection drawer instead of chatbot / old inquiry form */
.inquiry-form-conversation{
  display:block;
}

.conversation-issues{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 26px;
}

.conversation-issue{
  padding:11px 14px;
  border:1px solid #d7dce5;
  border-radius:999px;
  background:#fff;
  color:#1b1f27;
  font:inherit;
  font-size:13px;
  line-height:1.25;
  font-weight:620;
  letter-spacing:-0.01em;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.conversation-issue:hover{
  border-color:#bfc8d8;
  background:#f7f9fc;
  transform:translateY(-1px);
}

.conversation-issue.is-active{
  border-color:#7a67ff;
  background:rgba(122,103,255,.08);
  color:#2c248b;
  box-shadow:0 0 0 3px rgba(122,103,255,.08);
}

.conversation-grid{
  gap:18px 16px;
}

.conversation-message-field textarea{
  min-height:170px;
}

.form-field span em{
  font-style:normal;
  color:#8a94a3;
  font-weight:500;
}

.conversation-help{
  margin-top:14px;
  color:#7d8794;
  font-size:12.5px;
  line-height:1.45;
}

.conversation-actions{
  margin-top:22px;
}

@media (max-width:680px){
  .conversation-issues{
    gap:8px;
    margin:22px 0 22px;
  }

  .conversation-issue{
    padding:10px 12px;
    font-size:12.5px;
  }

  .conversation-message-field textarea{
    min-height:150px;
  }
}



    /* Case Sales System V1 — Homepage / Selected Work */
    .work-tab{
      min-height:112px;
      padding-top:21px;
      padding-bottom:21px;
    }

    .work-tab-order{
      display:block;
      margin-bottom:9px;
      color:#9aa1ab;
      font-size:9px;
      line-height:1;
      font-weight:800;
      letter-spacing:.14em;
    }

    .work-tab.is-active .work-tab-order{color:#7568ff}

    .work-tab-sector{
      max-width:235px;
      margin-top:7px;
      color:#848d99;
      font-size:11px;
      line-height:1.38;
      font-weight:560;
    }

    .work-panel-body{
      grid-template-columns:minmax(260px,1.06fr) minmax(260px,.95fr) minmax(245px,.88fr);
      gap:42px;
      padding:28px 0 30px;
      align-items:start;
    }

    .work-case-meta{
      margin:0 0 12px;
      display:flex;
      align-items:center;
      gap:10px;
      color:#7b8490;
      font-size:10px;
      line-height:1;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }

    .work-case-meta span{color:#7568ff}
    .work-case-meta strong{color:#555e6a;font:inherit}

    .work-identity .work-sales-title{
      margin:0;
      max-width:360px;
      color:#111318;
      font-size:26px;
      line-height:1.08;
      font-weight:750;
      letter-spacing:-.035em;
      text-wrap:balance;
    }

    .work-field-label{
      margin:0 0 11px;
      color:#7c8490;
      font-size:9.5px;
      line-height:1;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .work-identity .work-field-label{
      margin-top:22px;
    }

    .work-capability{
      margin:0;
      max-width:340px;
      color:#606976;
      font-size:12px;
      line-height:1.5;
      font-weight:650;
    }

    .work-explanation,
    .work-evidence{
      padding-top:2px;
    }

    .work-summary{
      margin:0;
      max-width:390px;
      color:#555e6b;
      font-size:13.5px;
      line-height:1.62;
      font-weight:520;
    }

    .work-evidence-copy{
      margin:0;
      padding-top:0;
      border-top:0;
      color:#2f3540;
      font-size:13px;
      line-height:1.58;
      font-weight:680;
    }

    .work-case-link{
      margin-top:22px;
      font-size:12px;
      color:#17191f;
    }

    @media (max-width:1020px){
      .work-tab{min-height:100px}
      .work-tab-order{margin-bottom:7px}
      .work-panel-body{
        grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);
        gap:28px 36px;
      }
      .work-evidence{
        grid-column:1 / -1;
        padding-top:4px;
        border-top:1px solid #dce1e7;
      }
      .work-evidence .work-field-label{margin-top:18px}
      .work-evidence-copy{max-width:720px}
    }

    @media (max-width:680px){
      .work-tab{
        flex:0 0 164px;
        min-height:92px;
      }
      .work-tab-order{font-size:8.5px}
      .work-tab-sector{
        display:block;
        margin-top:5px;
        max-width:138px;
        font-size:9.5px;
        line-height:1.32;
      }
      .work-panel-body{
        grid-template-columns:1fr;
        gap:24px;
        padding:24px 0 28px;
      }
      .work-identity .work-sales-title{
        max-width:100%;
        font-size:25px;
      }
      .work-identity .work-field-label{margin-top:19px}
      .work-explanation{
        padding-top:20px;
        border-top:1px solid #dce1e7;
      }
      .work-evidence{
        grid-column:auto;
        padding-top:20px;
        border-top:1px solid #dce1e7;
      }
      .work-evidence .work-field-label{margin-top:0}
      .work-summary,.work-evidence-copy{font-size:13px}
    }



/* G1-07.1 P1 — Selected Work mobile case navigation. */
.work-mobile-case-nav{
  display:none;
}

@media (max-width:680px){
  .work-mobile-case-nav{
    display:flex;
    justify-content:flex-end;
    gap:8px;
    margin:0 0 10px;
  }

  .work-case-nav-btn{
    width:38px;
    height:38px;
    border:1px solid #dfe3e8;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:#111827;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    font:inherit;
    font-size:17px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(15,23,42,.07);
    transition:transform .2s ease, background .2s ease;
  }

  .work-case-nav-btn:focus-visible{
    outline:2px solid #7568ff;
    outline-offset:2px;
  }
}

@media (hover:hover) and (pointer:fine) and (max-width:680px){
  .work-case-nav-btn:hover{
    transform:translateY(-1px);
    background:#fff;
  }
}

@media (prefers-reduced-motion:reduce){
  .work-case-nav-btn{
    transition:none;
  }
}


/* RC2 P0 — Direct Conversation message-first UX. */
.direct-conversation-shell{
  display:flex;
  flex-direction:column;
}
.direct-conversation-head{
  margin-bottom:22px;
}
.direct-conversation-shell .screen-reader-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.inquiry-form-direct{
  display:flex;
  flex:1;
  min-height:0;
  flex-direction:column;
  margin-top:0;
}
.direct-conversation-prompts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 20px;
}
.direct-conversation-prompt{
  appearance:none;
  border:1px solid #d9dde4;
  border-radius:999px;
  background:#fff;
  color:#343942;
  padding:9px 12px;
  font:inherit;
  font-size:12px;
  line-height:1.25;
  cursor:pointer;
}
.direct-conversation-prompt:hover,
.direct-conversation-prompt.is-active{
  border-color:#8b7cff;
  background:#f7f5ff;
  color:#3f3598;
}
.direct-conversation-thread{
  display:flex;
  flex:1;
  min-height:100px;
  max-height:38vh;
  overflow:auto;
  flex-direction:column;
  gap:10px;
  margin:0 0 14px;
  padding:4px 2px 2px;
}
.direct-conversation-thread[hidden]{display:none}
.direct-conversation-bubble{
  max-width:88%;
  padding:11px 13px;
  border-radius:14px;
  font-size:13px;
  line-height:1.55;
  white-space:pre-line;
}
.direct-conversation-bubble.is-visitor{
  align-self:flex-end;
  background:#101a2c;
  color:#fff;
  border-bottom-right-radius:5px;
}
.direct-conversation-bubble.is-team{
  align-self:flex-start;
  background:#f3f5f7;
  color:#343942;
  border-bottom-left-radius:5px;
}
.direct-conversation-composer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  align-items:end;
  margin-top:auto;
  padding:7px;
  border:1px solid #d9dde4;
  border-radius:14px;
  background:#fff;
}
.inquiry-form-direct .direct-conversation-composer textarea{
  width:100%;
  min-height:44px;
  max-height:150px;
  padding:11px 10px;
  border:0;
  border-radius:8px;
  resize:vertical;
  outline:none;
  box-shadow:none;
  font:inherit;
  line-height:1.45;
}
.inquiry-form-direct .direct-conversation-composer textarea:focus{
  border:0;
  box-shadow:none;
}
.inquiry-form-direct .direct-conversation-send{
  width:46px;
  min-width:46px;
  max-width:46px;
  min-height:46px;
  height:46px;
  margin:0;
  padding:0;
  gap:0;
  border-radius:11px;
  justify-content:center;
  font-size:20px;
}
.direct-conversation-status{
  margin-top:10px;
}
.direct-conversation-after{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #e4e7eb;
}
.direct-conversation-after[hidden],
.direct-conversation-contact[hidden],
.direct-conversation-contact-status[hidden],
.direct-conversation-reference[hidden]{display:none}
.direct-conversation-reference{
  margin:0 0 9px;
  color:#7a818b;
  font-size:11px;
  line-height:1.4;
}
.direct-conversation-contact-toggle{
  appearance:none;
  padding:0;
  border:0;
  background:transparent;
  color:#4f44bd;
  font:inherit;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
}
.direct-conversation-contact{
  margin-top:14px;
  padding:14px;
  border:1px solid #e1e4e8;
  border-radius:12px;
  background:#fafbfc;
}
.direct-conversation-contact-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.direct-conversation-contact-save{
  appearance:none;
  margin-top:12px;
  padding:10px 13px;
  border:0;
  border-radius:8px;
  background:#101a2c;
  color:#fff;
  font:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.direct-conversation-contact-save:disabled,
.direct-conversation-send:disabled{
  opacity:.58;
  cursor:wait;
}
.direct-conversation-contact-status{
  margin-top:9px;
  font-size:12px;
  line-height:1.45;
}
.direct-conversation-contact-status.is-success{color:#24563a}
.direct-conversation-contact-status.is-error{color:#8a3030}
@media (max-width:680px){
  .direct-conversation-head{margin-bottom:18px}
  .direct-conversation-prompts{gap:7px;margin-bottom:16px}
  .direct-conversation-prompt{padding:8px 10px;font-size:11.5px}
  .direct-conversation-thread{max-height:34vh}
  .direct-conversation-contact-fields{grid-template-columns:1fr}
}

/* RC2.3 — Commercial launch polish: full-screen, restrained Homepage hero. */
.hero,
.hero-inner{
  min-height:calc(100svh - 86px);
}

@media (min-width:1281px){
  .hero,
  .hero-inner{
    min-height:calc(100svh - 86px);
  }
  .hero-inner{
    align-items:center;
    padding-top:0;
    padding-bottom:0;
  }
  .copy,
  .visual{
    align-self:center;
  }
  .visual{
    margin-top:0;
  }
  .hero-proof{
    margin-top:28px;
  }
}

@media (min-width:1021px) and (max-width:1280px){
  .hero,
  .hero-inner{
    min-height:calc(100svh - 86px);
  }
  .copy{
    top:clamp(66px,9vh,92px);
  }
  .visual{
    top:clamp(92px,12vh,116px);
  }
}

@media (max-width:1020px){
  .hero,
  .hero-inner{
    min-height:calc(100svh - 86px);
  }
  .hero-inner{
    padding:48px 0 30px;
  }
  .hero-proof{
    margin-top:26px;
    padding-top:18px;
  }
  .visual{
    height:360px;
    margin-top:24px;
  }
  .project-card{
    width:240px;
    height:312px;
  }
}

@media (max-width:680px){
  .hero,
  .hero-inner{
    min-height:calc(100svh - 72px);
  }
  .hero-inner{
    padding:32px 0 22px;
  }
  .copy h1{
    font-size:36px;
    line-height:1.04;
  }
  .sub{
    margin-top:18px;
    font-size:15px;
    line-height:1.55;
  }
  .hero-proof{
    margin-top:22px;
    padding-top:15px;
  }
  .capabilities-label{
    margin-bottom:10px;
    font-size:10px;
  }
  .proof-list{
    grid-template-columns:1fr 1fr;
    gap:10px 14px;
  }
  .proof-list span{
    min-width:0;
    font-size:11.5px;
  }
  .proof-list strong{
    font-size:20px;
  }
  .proof-context{
    margin-top:7px;
    font-size:10px;
    line-height:1.4;
  }
  .visual{
    height:278px;
    margin-top:18px;
  }
  .project-card{
    width:220px;
    height:272px;
  }
  .slider-note{
    display:none;
  }
}