/* ==========================================================
   CRAFTAGENT WEBSITE 2.0
   V20.47.0 – HERO FOUNDATION
   ========================================================== */

.website-v2{
  --ca2-bg:#05111a;
  --ca2-bg-soft:#081824;
  --ca2-panel:#0b1d2b;
  --ca2-panel-2:#0f2637;

  --ca2-blue:#0A56B4;
  --ca2-blue-light:#0A56B4;
  --ca2-green:#2edb88;

  --ca2-white:#f7fbfd;
  --ca2-text:#a6bac8;
  --ca2-muted:#708695;

  --ca2-line:rgba(255,255,255,.08);

  --ca2-shadow:
    0 40px 100px rgba(0,0,0,.34);

  margin:0;
}


/* ==========================================================
   HEADER
   ========================================================== */

.website-v2 .site-header-v2{
  position:absolute;
  z-index:50;

  left:0;
  right:0;
  top:0;

  height:90px;

  display:flex;
  align-items:center;

  border-bottom:
    1px solid rgba(255,255,255,.07);

  background:
    rgba(5,17,26,.72);

  backdrop-filter:
    blur(18px) saturate(125%);

  -webkit-backdrop-filter:
    blur(18px) saturate(125%);
}


.website-v2 .ca-v2-nav{
  width:min(1480px,calc(100% - 64px));

  margin:0 auto;

  display:grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:center;

  gap:42px;
}


.website-v2 .ca-v2-brand{
  display:flex;

  align-items:center;

  gap:14px;

  color:#fff;

  text-decoration:none;
}


.website-v2 .ca-v2-brand-logo{
  display:flex;

  align-items:center;
  justify-content:center;

  min-width:142px;
  height:52px;

  padding:4px 12px;

  border-radius:11px;

  background:
    rgba(255,255,255,.96);

  box-shadow:
    0 8px 24px rgba(0,0,0,.17);
}


.website-v2 .ca-v2-brand-logo img{
  display:block;

  width:132px;
  height:auto;
}


.website-v2 .ca-v2-brand-line{
  color:#7f96a6;

  font-size:11px;

  font-weight:700;

  white-space:nowrap;
}


.website-v2 .ca-v2-navigation{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:30px;
}


.website-v2 .ca-v2-navigation a{
  position:relative;

  color:#8fa4b3;

  font-size:13px;

  font-weight:700;

  text-decoration:none;

  transition:
    color .2s ease;
}


.website-v2 .ca-v2-navigation a::after{
  content:"";

  position:absolute;

  left:50%;
  right:50%;

  bottom:-9px;

  height:1px;

  background:
    var(--ca2-blue-light);

  transition:
    left .2s ease,
    right .2s ease;
}


.website-v2 .ca-v2-navigation a:hover{
  color:#fff;
}


.website-v2 .ca-v2-navigation a:hover::after{
  left:0;
  right:0;
}


.website-v2 .ca-v2-nav-actions{
  display:flex;

  align-items:center;

  gap:10px;
}


.website-v2 .ca-v2-nav-demo,
.website-v2 .ca-v2-nav-cta{
  display:inline-flex;

  align-items:center;
  justify-content:center;

  min-height:42px;

  padding:0 17px;

  border-radius:11px;

  font-size:12px;

  font-weight:800;

  text-decoration:none;
}


.website-v2 .ca-v2-nav-demo{
  color:#d2e2eb;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    rgba(255,255,255,.035);
}


.website-v2 .ca-v2-nav-cta{
  gap:9px;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      #0875ba,
      #0A56B4
    );

  box-shadow:
    0 10px 27px rgba(8,118,189,.25);
}


/* ==========================================================
   HERO
   ========================================================== */

.website-v2 .ca-v2-hero{
  position:relative;

  min-height:940px;

  overflow:hidden;

  display:flex;

  align-items:center;

  padding:
    154px 0 88px;

  background:
    linear-gradient(
      145deg,
      #041019 0%,
      #061521 48%,
      #071925 100%
    );
}


.website-v2 .ca-v2-container{
  width:min(1480px,calc(100% - 64px));

  margin:0 auto;
}


.website-v2 .ca-v2-hero-grid{
  position:absolute;

  inset:0;

  opacity:.48;

  background-image:
    linear-gradient(
      rgba(255,255,255,.024) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.024) 1px,
      transparent 1px
    );

  background-size:
    58px 58px;

  mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      rgba(0,0,0,.55) 62%,
      transparent 100%
    );
}


.website-v2 .ca-v2-hero-glow{
  position:absolute;

  border-radius:50%;

  pointer-events:none;

  filter:blur(10px);
}


.website-v2 .ca-v2-hero-glow-one{
  width:780px;
  height:780px;

  right:-230px;
  top:40px;

  background:
    radial-gradient(
      circle,
      rgba(16,125,197,.17),
      transparent 67%
    );
}


.website-v2 .ca-v2-hero-glow-two{
  width:500px;
  height:500px;

  left:-250px;
  bottom:-160px;

  background:
    radial-gradient(
      circle,
      rgba(22,101,156,.11),
      transparent 68%
    );
}


.website-v2 .ca-v2-hero-layout{
  position:relative;

  z-index:3;

  display:grid;

  grid-template-columns:
    minmax(0,.84fr)
    minmax(600px,1.16fr);

  align-items:center;

  gap:
    clamp(46px,5vw,90px);
}


/* ==========================================================
   HERO COPY
   ========================================================== */

.website-v2 .ca-v2-hero-copy{
  max-width:680px;
}


.website-v2 .ca-v2-signal{
  display:inline-flex;

  align-items:center;

  gap:9px;

  margin-bottom:28px;

  padding:8px 12px;

  border:
    1px solid rgba(79,170,226,.23);

  border-radius:999px;

  color:#84bddd;

  background:
    rgba(9,37,55,.53);

  font-size:10px;

  font-weight:850;

  letter-spacing:.115em;
}


.website-v2 .ca-v2-signal-dot{
  width:7px;
  height:7px;

  border-radius:50%;

  background:
    var(--ca2-green);

  box-shadow:
    0 0 13px rgba(46,219,136,.65);
}


.website-v2 .ca-v2-hero h1{
  margin:
    0 0 28px;

  max-width:680px;

  color:#fff;

  font-size:
    clamp(58px,5vw,84px);

  line-height:.94;

  font-weight:850;

  letter-spacing:-.058em;
}


.website-v2 .ca-v2-hero h1 span{
  display:block;

  margin-top:9px;

  color:
    transparent;

  background:
    linear-gradient(
      90deg,
      #fff 0%,
      #a7cadf 52%,
      #51a9dc 100%
    );

  background-clip:text;

  -webkit-background-clip:text;
}


.website-v2 .ca-v2-hero-lead{
  max-width:600px;

  margin:
    0 0 34px;

  color:#9fb3c1;

  font-size:18px;

  line-height:1.65;
}


.website-v2 .ca-v2-hero-actions{
  display:flex;

  flex-wrap:wrap;

  gap:12px;
}


.website-v2 .ca-v2-button{
  min-height:54px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  gap:11px;

  padding:
    0 23px;

  border-radius:14px;

  font-size:13px;

  font-weight:850;

  text-decoration:none;

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}


.website-v2 .ca-v2-button-primary{
  color:#fff;

  background:
    linear-gradient(
      135deg,
      #0777be,
      #0A56B4
    );

  box-shadow:
    0 18px 38px rgba(8,118,189,.25),
    inset 0 1px 0 rgba(255,255,255,.14);
}


.website-v2 .ca-v2-button-primary:hover{
  color:#fff;

  transform:
    translateY(-3px);

  box-shadow:
    0 24px 48px rgba(8,118,189,.34);
}


.website-v2 .ca-v2-button-ghost{
  color:#b9ccd8;

  border:
    1px solid rgba(255,255,255,.11);

  background:
    rgba(255,255,255,.026);
}


.website-v2 .ca-v2-button-ghost:hover{
  color:#fff;

  transform:
    translateY(-3px);

  border-color:
    rgba(255,255,255,.22);

  background:
    rgba(255,255,255,.045);
}


.website-v2 .ca-v2-proof-row{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:14px;

  margin-top:42px;

  padding-top:25px;

  border-top:
    1px solid rgba(255,255,255,.075);
}


.website-v2 .ca-v2-proof-row > div{
  display:flex;

  align-items:flex-start;

  gap:9px;
}


.website-v2 .ca-v2-proof-icon{
  width:21px;
  height:21px;

  display:grid;

  place-items:center;

  flex:0 0 21px;

  border-radius:50%;

  color:#36da8c;

  background:
    rgba(46,219,136,.09);

  border:
    1px solid rgba(46,219,136,.17);

  font-size:9px;
}


.website-v2 .ca-v2-proof-row strong,
.website-v2 .ca-v2-proof-row span span{
  display:block;
}


.website-v2 .ca-v2-proof-row strong{
  margin-bottom:2px;

  color:#d9e7ef;

  font-size:11px;
}


.website-v2 .ca-v2-proof-row span span{
  color:#718795;

  font-size:9px;

  line-height:1.35;
}


/* ==========================================================
   PRODUCT STAGE
   ========================================================== */

.website-v2 .ca-v2-product-stage{
  position:relative;

  width:100%;

  min-width:0;
}


.website-v2 .ca-v2-stage-aura{
  position:absolute;

  width:740px;
  height:740px;

  left:52%;
  top:48%;

  transform:
    translate(-50%,-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(12,115,181,.20),
      rgba(8,72,111,.06) 46%,
      transparent 70%
    );

  filter:blur(7px);

  pointer-events:none;
}


.website-v2 .ca-v2-browser{
  position:relative;

  z-index:4;

  width:100%;

  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.105);

  border-radius:26px;

  background:
    #0a1a27;

  box-shadow:
    0 45px 110px rgba(0,0,0,.48),
    0 0 70px rgba(8,100,162,.07),
    inset 0 1px 0 rgba(255,255,255,.04);

  transform:
    perspective(1600px)
    rotateY(-2deg)
    rotateX(.7deg);

  transform-origin:center;
}


.website-v2 .ca-v2-browser-top{
  min-height:54px;

  display:grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:center;

  gap:18px;

  padding:
    0 18px;

  border-bottom:
    1px solid rgba(255,255,255,.065);

  background:
    rgba(255,255,255,.018);
}


.website-v2 .ca-v2-browser-dots{
  display:flex;

  gap:6px;
}


.website-v2 .ca-v2-browser-dots i{
  width:8px;
  height:8px;

  border-radius:50%;

  background:#506371;
}


.website-v2 .ca-v2-browser-dots i:nth-child(2){
  opacity:.7;
}


.website-v2 .ca-v2-browser-dots i:nth-child(3){
  opacity:.45;
}


.website-v2 .ca-v2-browser-address{
  justify-self:center;

  min-width:280px;

  padding:
    7px 14px;

  border-radius:8px;

  color:#728896;

  background:
    rgba(255,255,255,.025);

  border:
    1px solid rgba(255,255,255,.045);

  font-size:9px;

  text-align:center;
}


.website-v2 .ca-v2-browser-live{
  display:flex;

  align-items:center;

  gap:6px;

  color:#6e8796;

  font-size:8px;

  font-weight:850;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-browser-live i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:
    var(--ca2-green);

  box-shadow:
    0 0 10px rgba(46,219,136,.55);
}


.website-v2 .ca-v2-browser-content{
  position:relative;

  min-height:610px;

  overflow:hidden;

  background:
    #e9eff3;
}


/* ==========================================================
   CUSTOMER WEBSITE INSIDE STAGE
   ========================================================== */

.website-v2 .ca-v2-customer-site{
  position:absolute;

  inset:0;

  background:
    #f6f9fb;
}


.website-v2 .ca-v2-customer-nav{
  height:78px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  padding:
    0 36px;

  border-bottom:
    1px solid #dde6ec;

  background:#fff;
}


.website-v2 .ca-v2-customer-brand{
  display:flex;

  align-items:center;

  gap:11px;
}


.website-v2 .ca-v2-customer-brand > span{
  width:38px;
  height:38px;

  display:grid;

  place-items:center;

  border-radius:9px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      #075d9a,
      #0878bd
    );

  font-size:10px;

  font-weight:900;
}


.website-v2 .ca-v2-customer-brand strong,
.website-v2 .ca-v2-customer-brand small{
  display:block;
}


.website-v2 .ca-v2-customer-brand strong{
  color:#183247;

  font-size:10px;
}


.website-v2 .ca-v2-customer-brand small{
  margin-top:2px;

  color:#81919e;

  font-size:7px;
}


.website-v2 .ca-v2-customer-links{
  display:flex;

  gap:16px;
}


.website-v2 .ca-v2-customer-links i{
  display:block;

  width:39px;
  height:4px;

  border-radius:20px;

  background:#d3dee5;
}


.website-v2 .ca-v2-customer-hero{
  display:grid;

  grid-template-columns:
    1fr .88fr;

  min-height:532px;

  padding:
    75px 54px 50px;

  background:
    linear-gradient(
      140deg,
      #f7fafc,
      #e8f1f6
    );
}


.website-v2 .ca-v2-customer-hero small{
  color:#3080b4;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-customer-hero strong{
  display:block;

  margin-top:11px;

  color:#17334a;

  font-size:29px;

  line-height:1.02;

  letter-spacing:-.035em;
}


.website-v2 .ca-v2-customer-hero p{
  margin:
    13px 0 19px;

  color:#728896;

  font-size:10px;
}


.website-v2 .ca-v2-fake-button{
  display:inline-flex;

  padding:
    9px 13px;

  border-radius:8px;

  color:#fff;

  background:#0875b7;

  font-size:8px;

  font-weight:850;
}


.website-v2 .ca-v2-building-visual{
  align-self:center;

  justify-self:end;

  width:220px;
  height:250px;

  display:flex;

  align-items:flex-end;

  gap:10px;

  opacity:.34;
}


.website-v2 .ca-v2-building-visual span{
  display:block;

  flex:1;

  border-radius:
    9px 9px 0 0;

  background:
    linear-gradient(
      #76a8c9,
      #316e99
    );
}


.website-v2 .ca-v2-building-visual span:nth-child(1){
  height:55%;
}


.website-v2 .ca-v2-building-visual span:nth-child(2){
  height:88%;
}


.website-v2 .ca-v2-building-visual span:nth-child(3){
  height:68%;
}


/* ==========================================================
   FLOATING AGENT
   ========================================================== */

.website-v2 .ca-v2-agent-card{
  position:absolute;

  width:430px;

  right:33px;
  top:98px;

  padding:22px;

  border:
    1px solid rgba(255,255,255,.11);

  border-radius:22px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(8,25,38,.97),
      rgba(10,32,48,.96)
    );

  box-shadow:
    0 32px 70px rgba(0,0,0,.34),
    0 0 48px rgba(8,112,181,.10),
    inset 0 1px 0 rgba(255,255,255,.05);

  backdrop-filter:
    blur(22px);

  -webkit-backdrop-filter:
    blur(22px);

  animation:
    ca2Float 5s ease-in-out infinite;
}


.website-v2 .ca-v2-agent-head{
  display:flex;

  align-items:center;

  gap:13px;
}


.website-v2 .ca-v2-agent-avatar{
  position:relative;

  width:55px;
  height:55px;

  flex:0 0 55px;

  border-radius:16px;

  overflow:hidden;

  background:#dcebf4;

  border:
    1px solid rgba(255,255,255,.12);
}


.website-v2 .ca-v2-agent-avatar img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  object-position:
    50% 12%;
}


.website-v2 .ca-v2-agent-avatar i{
  position:absolute;

  right:3px;
  bottom:3px;

  width:10px;
  height:10px;

  border-radius:50%;

  background:
    var(--ca2-green);

  border:
    2px solid #0b1d2b;

  box-shadow:
    0 0 9px rgba(46,219,136,.6);
}


.website-v2 .ca-v2-agent-head > div:last-child{
  min-width:0;
}


.website-v2 .ca-v2-agent-status{
  display:flex;

  align-items:center;

  gap:5px;

  margin-bottom:3px;

  color:#6fe0a5;

  font-size:7px;

  font-weight:900;

  letter-spacing:.1em;
}


.website-v2 .ca-v2-agent-status i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:
    var(--ca2-green);
}


.website-v2 .ca-v2-agent-head strong,
.website-v2 .ca-v2-agent-head small{
  display:block;
}


.website-v2 .ca-v2-agent-head strong{
  color:#fff;

  font-size:13px;
}


.website-v2 .ca-v2-agent-head small{
  margin-top:2px;

  color:#8196a4;

  font-size:8px;
}


.website-v2 .ca-v2-agent-question{
  padding:
    24px 0 18px;
}


.website-v2 .ca-v2-agent-kicker{
  display:block;

  margin-bottom:7px;

  color:#47d897;

  font-size:7px;

  font-weight:900;

  letter-spacing:.1em;
}


.website-v2 .ca-v2-agent-question :is(h2,h3){
  margin:0;

  max-width:290px;

  color:#fff;

  font-size:27px;

  line-height:1.03;

  letter-spacing:-.04em;
}


.website-v2 .ca-v2-agent-options{
  display:grid;

  gap:8px;
}


.website-v2 .ca-v2-agent-option{
  min-height:66px;

  display:grid;

  grid-template-columns:
    39px 1fr auto;

  align-items:center;

  gap:11px;

  padding:
    10px 13px;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius:14px;

  background:
    rgba(255,255,255,.025);
}


.website-v2 .ca-v2-agent-option.is-active{
  border-color:
    rgba(45,146,207,.43);

  background:
    linear-gradient(
      135deg,
      rgba(14,111,171,.11),
      rgba(255,255,255,.022)
    );

  box-shadow:
    inset 2px 0 0
    #1687ce;
}


.website-v2 .ca-v2-agent-option > span{
  width:39px;
  height:39px;

  display:grid;

  place-items:center;

  border-radius:11px;

  background:
    rgba(7,107,170,.12);

  border:
    1px solid rgba(34,137,199,.20);
}


.website-v2 .ca-v2-agent-option strong,
.website-v2 .ca-v2-agent-option small{
  display:block;
}


.website-v2 .ca-v2-agent-option strong{
  color:#f4f9fc;

  font-size:10px;
}


.website-v2 .ca-v2-agent-option small{
  margin-top:3px;

  color:#718795;

  font-size:7px;
}


.website-v2 .ca-v2-agent-option b{
  width:26px;
  height:26px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#70b8e2;

  background:
    rgba(8,104,163,.11);

  font-size:9px;
}


/* ==========================================================
   LEAD POP
   ========================================================== */

.website-v2 .ca-v2-lead-pop{
  position:absolute;

  left:34px;
  bottom:31px;

  width:275px;

  padding:16px;

  border-radius:17px;

  color:#fff;

  background:
    rgba(6,20,31,.94);

  border:
    1px solid rgba(255,255,255,.10);

  box-shadow:
    0 25px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.045);

  backdrop-filter:
    blur(18px);

  -webkit-backdrop-filter:
    blur(18px);

  animation:
    ca2LeadPulse 4.8s ease-in-out infinite;
}


.website-v2 .ca-v2-lead-pop-top{
  display:flex;

  align-items:center;
  justify-content:space-between;

  margin-bottom:12px;
}


.website-v2 .ca-v2-lead-pop-top span{
  display:flex;

  align-items:center;

  gap:6px;

  color:#71dca8;

  font-size:7px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-lead-pop-top span i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:
    var(--ca2-green);

  box-shadow:
    0 0 9px rgba(46,219,136,.6);
}


.website-v2 .ca-v2-lead-pop-top small{
  color:#647c8b;

  font-size:7px;
}


.website-v2 .ca-v2-lead-pop > strong{
  display:block;

  margin-bottom:9px;

  color:#fff;

  font-size:12px;
}


.website-v2 .ca-v2-lead-pop-data{
  display:flex;

  flex-wrap:wrap;

  gap:5px;
}


.website-v2 .ca-v2-lead-pop-data span{
  padding:
    5px 7px;

  border-radius:7px;

  color:#91a9b7;

  background:
    rgba(255,255,255,.045);

  font-size:7px;
}


.website-v2 .ca-v2-lead-pop-complete{
  margin-top:11px;

  padding-top:9px;

  border-top:
    1px solid rgba(255,255,255,.065);

  color:#5edc9e;

  font-size:8px;

  font-weight:850;
}


/* ==========================================================
   STAGE CAPTION
   ========================================================== */

.website-v2 .ca-v2-stage-caption{
  display:flex;

  align-items:center;
  justify-content:center;

  gap:10px;

  margin-top:20px;

  color:#657d8c;

  font-size:9px;

  font-weight:700;
}


.website-v2 .ca-v2-stage-caption > span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:
    var(--ca2-green);

  box-shadow:
    0 0 10px rgba(46,219,136,.5);
}


.website-v2 .ca-v2-stage-caption b{
  color:#2d87bd;

  font-weight:700;
}


/* ==========================================================
   HERO → CONTENT TRANSITION
   ========================================================== */

.website-v2 .ca-v2-impact{
  position:relative;

  z-index:5;

  padding:
    0 0 110px;

  color:#fff;

  background:
    linear-gradient(
      180deg,
      #071925 0%,
      #0a1b28 48%,
      #f5f8fa 48%,
      #f5f8fa 100%
    );
}


.website-v2 .ca-v2-impact .ca-v2-container{
  border-radius:25px;

  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.09);

  background:
    linear-gradient(
      145deg,
      #0b2030,
      #081722
    );

  box-shadow:
    0 35px 80px rgba(10,34,50,.22);
}


.website-v2 .ca-v2-impact-line{
  display:grid;

  grid-template-columns:
    1fr 48px 1fr 48px 1fr;

  align-items:center;

  padding:
    24px 30px;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-impact-line > div{
  display:flex;

  align-items:center;

  gap:11px;
}


.website-v2 .ca-v2-impact-line span{
  width:28px;
  height:28px;

  display:grid;

  place-items:center;

  flex:0 0 28px;

  border-radius:9px;

  color:#62b9ec;

  background:
    rgba(21,126,192,.10);

  border:
    1px solid rgba(47,147,207,.18);

  font-size:8px;

  font-weight:900;
}


.website-v2 .ca-v2-impact-line strong{
  color:#b9cad4;

  font-size:10px;

  font-weight:750;
}


.website-v2 .ca-v2-impact-line > i{
  height:1px;

  background:
    linear-gradient(
      90deg,
      rgba(30,133,195,.05),
      rgba(30,133,195,.55),
      rgba(30,133,195,.05)
    );
}


.website-v2 .ca-v2-impact-statement{
  display:grid;

  grid-template-columns:
    .6fr 1fr 1.4fr;

  align-items:center;

  gap:28px;

  padding:
    34px 30px 38px;
}


.website-v2 .ca-v2-impact-statement > span{
  color:#5aaedf;

  font-size:9px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-impact-statement p{
  margin:0;

  color:#78909f;

  font-size:11px;

  line-height:1.5;
}


.website-v2 .ca-v2-impact-statement del{
  display:block;

  margin-top:4px;

  color:#7c8c96;
}


.website-v2 .ca-v2-impact-statement > strong{
  color:#fff;

  font-size:
    clamp(18px,1.7vw,25px);

  line-height:1.25;

  letter-spacing:-.025em;
}


/* ==========================================================
   MICROANIMATIONS
   ========================================================== */

@keyframes ca2Float{
  0%,100%{
    transform:
      translateY(0);
  }

  50%{
    transform:
      translateY(-7px);
  }
}


@keyframes ca2LeadPulse{
  0%,100%{
    transform:
      translateY(0);

    box-shadow:
      0 25px 55px rgba(0,0,0,.30),
      0 0 0 rgba(25,151,217,0);
  }

  50%{
    transform:
      translateY(-4px);

    box-shadow:
      0 30px 60px rgba(0,0,0,.33),
      0 0 32px rgba(25,151,217,.07);
  }
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1240px){

  .website-v2 .ca-v2-navigation{
    display:none;
  }

  .website-v2 .ca-v2-hero-layout{
    grid-template-columns:
      minmax(0,.9fr)
      minmax(540px,1.1fr);
  }

}


@media(max-width:1050px){

  .website-v2 .ca-v2-hero{
    padding-top:140px;

    min-height:auto;
  }

  .website-v2 .ca-v2-hero-layout{
    grid-template-columns:1fr;

    gap:60px;
  }

  .website-v2 .ca-v2-hero-copy{
    max-width:780px;
  }

  .website-v2 .ca-v2-product-stage{
    max-width:820px;

    margin:0 auto;
  }

}


@media(max-width:760px){

  .website-v2 .site-header-v2{
    height:72px;
  }

  .website-v2 .ca-v2-nav,
  .website-v2 .ca-v2-container{
    width:
      min(100% - 30px,1480px);
  }

  .website-v2 .ca-v2-brand-line,
  .website-v2 .ca-v2-nav-demo{
    display:none;
  }

  .website-v2 .ca-v2-brand-logo{
    min-width:112px;
    height:43px;
  }

  .website-v2 .ca-v2-brand-logo img{
    width:105px;
  }

  .website-v2 .ca-v2-nav{
    grid-template-columns:
      1fr auto;

    gap:12px;
  }

  .website-v2 .ca-v2-nav-cta{
    min-height:39px;

    padding:
      0 13px;

    font-size:10px;
  }

  .website-v2 .ca-v2-hero{
    padding:
      115px 0 64px;
  }

  .website-v2 .ca-v2-signal{
    margin-bottom:20px;

    font-size:8px;
  }

  .website-v2 .ca-v2-hero h1{
    font-size:
      clamp(46px,13vw,65px);
  }

  .website-v2 .ca-v2-hero-lead{
    font-size:15px;
  }

  .website-v2 .ca-v2-hero-actions{
    display:grid;

    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-button{
    width:100%;
  }

  .website-v2 .ca-v2-proof-row{
    grid-template-columns:1fr;

    gap:12px;
  }

  .website-v2 .ca-v2-browser{
    transform:none;

    border-radius:19px;
  }

  .website-v2 .ca-v2-browser-address{
    min-width:0;
  }

  .website-v2 .ca-v2-browser-content{
    min-height:540px;
  }

  .website-v2 .ca-v2-customer-hero{
    grid-template-columns:1fr;

    padding:
      46px 25px;
  }

  .website-v2 .ca-v2-building-visual{
    display:none;
  }

  .website-v2 .ca-v2-agent-card{
    width:
      calc(100% - 30px);

    left:15px;
    right:15px;

    top:110px;
  }

  .website-v2 .ca-v2-lead-pop{
    width:
      calc(100% - 50px);

    left:25px;
    bottom:25px;
  }

  .website-v2 .ca-v2-impact{
    padding-bottom:75px;
  }

  .website-v2 .ca-v2-impact-line{
    grid-template-columns:1fr;

    gap:13px;

    padding:22px;
  }

  .website-v2 .ca-v2-impact-line > i{
    display:none;
  }

  .website-v2 .ca-v2-impact-statement{
    grid-template-columns:1fr;

    gap:12px;

    padding:25px 22px 28px;
  }

}


@media(prefers-reduced-motion:reduce){

  .website-v2 .ca-v2-agent-card,
  .website-v2 .ca-v2-lead-pop{
    animation:none !important;
  }

}


/* ==========================================================
   END V20.47.0
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.1
   HERO POLISH
   ========================================================== */


/* ----------------------------------------------------------
   LOGO – OHNE WEISSEN KASTEN
   ---------------------------------------------------------- */

.website-v2 .ca-v2-brand-logo{
  min-width:0;
  width:auto;
  height:auto;

  padding:0;

  border-radius:0;

  background:transparent;

  box-shadow:none;
}


.website-v2 .ca-v2-brand-logo img{
  width:154px;
  height:auto;

  display:block;

  filter:
    brightness(0)
    invert(1);

  opacity:.96;
}


.website-v2 .ca-v2-brand{
  gap:18px;
}


.website-v2 .ca-v2-brand-line{
  position:relative;

  padding-left:18px;

  color:#8199a9;

  font-size:11px;

  font-weight:700;

  letter-spacing:.01em;
}


.website-v2 .ca-v2-brand-line::before{
  content:"";

  position:absolute;

  left:0;
  top:50%;

  width:1px;
  height:28px;

  transform:translateY(-50%);

  background:
    rgba(255,255,255,.11);
}


/* ----------------------------------------------------------
   NAVIGATION – MEHR PRÄSENZ
   ---------------------------------------------------------- */

.website-v2 .site-header-v2{
  height:84px;

  background:
    rgba(4,16,25,.78);

  border-bottom:
    1px solid rgba(255,255,255,.075);
}


.website-v2 .ca-v2-navigation{
  gap:34px;
}


.website-v2 .ca-v2-navigation a{
  color:#a6bac7;

  font-size:13px;

  font-weight:750;

  letter-spacing:-.005em;
}


.website-v2 .ca-v2-navigation a:hover{
  color:#ffffff;
}


.website-v2 .ca-v2-nav-demo{
  color:#cbdce6;

  border-color:
    rgba(255,255,255,.13);

  background:
    rgba(255,255,255,.035);
}


.website-v2 .ca-v2-nav-demo:hover{
  color:#fff;

  border-color:
    rgba(255,255,255,.23);

  background:
    rgba(255,255,255,.06);
}


.website-v2 .ca-v2-nav-cta{
  min-height:44px;

  padding:
    0 20px;

  box-shadow:
    0 12px 30px rgba(8,118,189,.27);
}


/* ----------------------------------------------------------
   HERO – KOMPAKTER
   ---------------------------------------------------------- */

.website-v2 .ca-v2-hero{
  min-height:860px;

  padding:
    130px 0 66px;
}


.website-v2 .ca-v2-hero-layout{
  gap:
    clamp(42px,4.3vw,76px);
}


.website-v2 .ca-v2-signal{
  margin-bottom:24px;
}


.website-v2 .ca-v2-hero h1{
  margin-bottom:24px;
}


.website-v2 .ca-v2-hero-lead{
  margin-bottom:30px;
}


.website-v2 .ca-v2-proof-row{
  margin-top:34px;

  padding-top:22px;
}


/* ----------------------------------------------------------
   PROOF ROW – KONTRAST
   ---------------------------------------------------------- */

.website-v2 .ca-v2-proof-row strong{
  color:#eef7fb;

  font-size:11px;

  font-weight:800;
}


.website-v2 .ca-v2-proof-row span span{
  color:#9bb0bd;

  font-size:9px;

  line-height:1.4;
}


.website-v2 .ca-v2-proof-icon{
  color:#48e49a;

  background:
    rgba(46,219,136,.11);

  border-color:
    rgba(46,219,136,.25);

  box-shadow:
    0 0 15px rgba(46,219,136,.08);
}


/* ----------------------------------------------------------
   SECONDARY CTA ETWAS RUHIGER
   ---------------------------------------------------------- */

.website-v2 .ca-v2-button-ghost{
  color:#9cb1bf;

  border-color:
    rgba(255,255,255,.085);

  background:
    rgba(255,255,255,.018);
}


.website-v2 .ca-v2-button-ghost:hover{
  color:#dce9f0;

  border-color:
    rgba(255,255,255,.15);

  background:
    rgba(255,255,255,.035);
}


/* ----------------------------------------------------------
   PRODUCT STAGE – ETWAS HÖHER / PRÄSENTER
   ---------------------------------------------------------- */

.website-v2 .ca-v2-product-stage{
  transform:
    translateY(-8px);
}


.website-v2 .ca-v2-browser{
  box-shadow:
    0 40px 100px rgba(0,0,0,.44),
    0 0 85px rgba(8,100,162,.09),
    inset 0 1px 0 rgba(255,255,255,.05);
}


/* ----------------------------------------------------------
   WIDGET-KOLLISION
   Widget bleibt während des Hero-Bereichs verborgen.
   ---------------------------------------------------------- */

.website-v2.ca-v2-hero-visible #werkagent-widget{
  opacity:0 !important;

  visibility:hidden !important;

  pointer-events:none !important;

  transform:
    translateY(14px) !important;
}


.website-v2 #werkagent-widget{
  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .28s ease !important;
}


/* ----------------------------------------------------------
   MOBILE POLISH
   ---------------------------------------------------------- */

@media(max-width:760px){

  .website-v2 .site-header-v2{
    height:70px;
  }

  .website-v2 .ca-v2-brand-logo img{
    width:124px;
  }

  .website-v2 .ca-v2-brand-line{
    display:none;
  }

  .website-v2 .ca-v2-hero{
    min-height:auto;

    padding:
      106px 0 58px;
  }

  .website-v2 .ca-v2-product-stage{
    transform:none;
  }

}


/* ==========================================================
   END V20.47.1
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.2
   VALUE / PRODUCT EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-value{
  position:relative;

  overflow:hidden;

  padding:
    128px 0 138px;

  color:#eaf3f8;

  background:
    linear-gradient(
      180deg,
      #071824 0%,
      #091d2b 46%,
      #071721 100%
    );

  border-top:
    1px solid rgba(255,255,255,.045);
}


.website-v2 .ca-v2-value::before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  opacity:.35;

  background-image:
    linear-gradient(
      rgba(255,255,255,.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.018) 1px,
      transparent 1px
    );

  background-size:
    64px 64px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 18%,
      #000 75%,
      transparent
    );
}


.website-v2 .ca-v2-value-glow{
  position:absolute;

  width:900px;
  height:650px;

  left:50%;
  top:320px;

  transform:
    translateX(-50%);

  pointer-events:none;

  background:
    radial-gradient(
      ellipse,
      rgba(10,119,188,.12),
      transparent 68%
    );
}


/* ==========================================================
   HEADING
   ========================================================== */

.website-v2 .ca-v2-value-heading{
  position:relative;

  z-index:2;

  max-width:900px;

  margin:
    0 auto 74px;

  text-align:center;
}


.website-v2 .ca-v2-value-kicker{
  display:inline-flex;

  align-items:center;

  gap:8px;

  margin-bottom:20px;

  color:#70b9e4;

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;
}


.website-v2 .ca-v2-value-kicker span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 11px rgba(46,219,136,.55);
}


.website-v2 .ca-v2-value-heading h2{
  margin:
    0 auto 23px;

  color:#fff;

  font-size:
    clamp(45px,4.4vw,70px);

  line-height:.99;

  font-weight:850;

  letter-spacing:-.052em;
}


.website-v2 .ca-v2-value-heading h2 span{
  display:block;

  color:#79bde5;
}


.website-v2 .ca-v2-value-heading p{
  max-width:720px;

  margin:0 auto;

  color:#91a7b5;

  font-size:16px;

  line-height:1.7;
}


/* ==========================================================
   TRANSFORMATION
   ========================================================== */

.website-v2 .ca-v2-transform{
  position:relative;

  z-index:3;

  display:grid;

  grid-template-columns:
    minmax(0,.88fr)
    230px
    minmax(0,1.12fr);

  align-items:center;

  gap:28px;

  max-width:1360px;

  margin:0 auto;
}


.website-v2 .ca-v2-transform-label{
  min-height:27px;

  display:flex;

  align-items:center;

  gap:8px;

  margin-bottom:12px;

  color:#718997;

  font-size:8px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-transform-after
.ca-v2-transform-label{
  color:#71cba2;
}


.website-v2 .ca-v2-transform-label-dot{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 9px rgba(46,219,136,.45);
}


.website-v2
.ca-v2-transform-label-dot.is-muted{
  background:#6c7c87;

  box-shadow:none;
}


/* ==========================================================
   BEFORE
   ========================================================== */

.website-v2 .ca-v2-before-window{
  overflow:hidden;

  min-height:400px;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius:20px;

  background:
    rgba(255,255,255,.025);

  box-shadow:
    0 28px 65px rgba(0,0,0,.20);
}


.website-v2 .ca-v2-before-top{
  min-height:47px;

  display:flex;

  align-items:center;

  gap:5px;

  padding:0 16px;

  border-bottom:
    1px solid rgba(255,255,255,.06);

  background:
    rgba(255,255,255,.018);
}


.website-v2 .ca-v2-before-top > span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#536875;
}


.website-v2 .ca-v2-before-top small{
  margin-left:auto;

  color:#657b89;

  font-size:7px;
}


.website-v2 .ca-v2-before-body{
  padding:22px;
}


.website-v2 .ca-v2-before-field{
  margin-bottom:11px;

  padding:
    10px 12px;

  border:
    1px solid rgba(255,255,255,.055);

  border-radius:10px;

  background:
    rgba(255,255,255,.018);
}


.website-v2 .ca-v2-before-field small{
  display:block;

  margin-bottom:5px;

  color:#5f7583;

  font-size:7px;

  font-weight:750;
}


.website-v2 .ca-v2-before-field span{
  color:#8da0ac;

  font-size:9px;
}


.website-v2 .ca-v2-before-message{
  min-height:95px;

  display:flex;

  flex-direction:column;

  justify-content:center;
}


.website-v2 .ca-v2-before-message strong{
  color:#c5d1d8;

  font-size:15px;

  line-height:1.4;

  font-weight:650;
}


.website-v2 .ca-v2-before-problem{
  display:flex;

  align-items:center;

  gap:10px;

  margin-top:18px;

  padding:
    12px 13px;

  border-radius:11px;

  border:
    1px solid rgba(225,130,100,.10);

  background:
    rgba(178,81,54,.045);
}


.website-v2 .ca-v2-before-problem i{
  width:25px;
  height:25px;

  display:grid;

  place-items:center;

  flex:0 0 25px;

  border-radius:50%;

  color:#c99180;

  background:
    rgba(188,92,65,.09);

  font-size:9px;

  font-style:normal;

  font-weight:900;
}


.website-v2 .ca-v2-before-problem span{
  color:#8b7e7b;

  font-size:8px;

  line-height:1.5;
}


/* ==========================================================
   ENGINE
   ========================================================== */

.website-v2 .ca-v2-transform-engine{
  position:relative;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  min-height:410px;
}


.website-v2 .ca-v2-engine-line{
  position:absolute;

  top:47%;

  height:1px;

  width:82px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(39,146,208,.65),
      transparent
    );
}


.website-v2 .ca-v2-engine-line-left{
  right:calc(50% + 70px);
}


.website-v2 .ca-v2-engine-line-right{
  left:calc(50% + 70px);
}


.website-v2 .ca-v2-engine-core{
  position:relative;

  width:145px;
  height:145px;

  display:flex;

  flex-direction:column;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    radial-gradient(
      circle at 50% 42%,
      #123e5b,
      #0a2537 58%,
      #071b28 100%
    );

  border:
    1px solid rgba(70,164,220,.30);

  box-shadow:
    0 0 60px rgba(9,121,191,.17),
    inset 0 0 30px rgba(39,143,203,.08);
}


.website-v2 .ca-v2-engine-rings i{
  position:absolute;

  border-radius:50%;

  border:
    1px solid rgba(62,155,211,.13);
}


.website-v2 .ca-v2-engine-rings i:nth-child(1){
  inset:-14px;
}


.website-v2 .ca-v2-engine-rings i:nth-child(2){
  inset:-28px;

  opacity:.65;
}


.website-v2 .ca-v2-engine-rings i:nth-child(3){
  inset:-43px;

  opacity:.30;
}


.website-v2 .ca-v2-engine-mark{
  width:42px;
  height:42px;

  display:grid;

  place-items:center;

  margin-bottom:7px;

  border-radius:13px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      #0878bd,
      #0A56B4
    );

  box-shadow:
    0 10px 25px rgba(8,119,188,.27);

  font-size:12px;

  font-weight:950;

  letter-spacing:-.04em;
}


.website-v2 .ca-v2-engine-core > span{
  color:#65b8e8;

  font-size:6px;

  font-weight:900;

  letter-spacing:.14em;
}


.website-v2 .ca-v2-engine-core > strong{
  margin-top:5px;

  color:#dceaf2;

  font-size:10px;

  line-height:1.15;

  text-align:center;
}


.website-v2 .ca-v2-engine-questions{
  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:5px;

  max-width:190px;

  margin-top:34px;
}


.website-v2 .ca-v2-engine-questions span{
  padding:
    5px 7px;

  border:
    1px solid rgba(60,152,207,.13);

  border-radius:999px;

  color:#7397ad;

  background:
    rgba(18,78,113,.10);

  font-size:6px;
}


/* ==========================================================
   QUALIFIED LEAD
   ========================================================== */

.website-v2 .ca-v2-qualified-card{
  overflow:hidden;

  border:
    1px solid rgba(71,164,217,.17);

  border-radius:20px;

  background:
    linear-gradient(
      145deg,
      rgba(11,37,53,.97),
      rgba(7,26,39,.98)
    );

  box-shadow:
    0 32px 75px rgba(0,0,0,.28),
    0 0 55px rgba(8,116,183,.06),
    inset 0 1px 0 rgba(255,255,255,.045);
}


.website-v2 .ca-v2-qualified-head{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    18px 20px;

  border-bottom:
    1px solid rgba(255,255,255,.065);
}


.website-v2 .ca-v2-qualified-head > div:first-child{
  min-width:0;
}


.website-v2 .ca-v2-qualified-head span{
  display:flex;

  align-items:center;

  gap:6px;

  margin-bottom:6px;

  color:#5edc9e;

  font-size:6px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-qualified-head span i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 8px rgba(46,219,136,.55);
}


.website-v2 .ca-v2-qualified-head strong,
.website-v2 .ca-v2-qualified-head small{
  display:block;
}


.website-v2 .ca-v2-qualified-head strong{
  color:#fff;

  font-size:16px;

  letter-spacing:-.02em;
}


.website-v2 .ca-v2-qualified-head small{
  margin-top:4px;

  color:#617987;

  font-size:7px;
}


.website-v2 .ca-v2-qualified-priority{
  padding:
    6px 8px;

  border-radius:7px;

  color:#edb38f;

  background:
    rgba(197,106,64,.08);

  border:
    1px solid rgba(211,122,78,.12);

  font-size:6px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-qualified-customer{
  display:grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:center;

  gap:10px;

  padding:
    14px 20px;

  border-bottom:
    1px solid rgba(255,255,255,.055);

  background:
    rgba(255,255,255,.015);
}


.website-v2 .ca-v2-qualified-avatar{
  width:34px;
  height:34px;

  display:grid;

  place-items:center;

  border-radius:10px;

  color:#9bd4f3;

  background:
    rgba(10,113,177,.12);

  border:
    1px solid rgba(38,139,199,.17);

  font-size:8px;

  font-weight:900;
}


.website-v2 .ca-v2-qualified-customer strong,
.website-v2 .ca-v2-qualified-customer span{
  display:block;
}


.website-v2 .ca-v2-qualified-customer strong{
  color:#dbe8ef;

  font-size:9px;
}


.website-v2 .ca-v2-qualified-customer span{
  margin-top:2px;

  color:#617986;

  font-size:7px;
}


.website-v2 .ca-v2-qualified-customer b{
  color:#5fdca0;

  font-size:7px;

  font-weight:800;
}


.website-v2 .ca-v2-qualified-grid{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:1px;

  padding:1px;

  background:
    rgba(255,255,255,.045);
}


.website-v2 .ca-v2-qualified-grid > div{
  min-height:77px;

  padding:
    13px 15px;

  background:#0a2231;
}


.website-v2 .ca-v2-qualified-grid small,
.website-v2 .ca-v2-qualified-grid strong,
.website-v2 .ca-v2-qualified-grid span{
  display:block;
}


.website-v2 .ca-v2-qualified-grid small{
  margin-bottom:5px;

  color:#4c819f;

  font-size:6px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-qualified-grid strong{
  color:#dce9f0;

  font-size:9px;
}


.website-v2 .ca-v2-qualified-grid span{
  margin-top:3px;

  color:#66808f;

  font-size:7px;
}


.website-v2 .ca-v2-qualified-summary{
  margin:
    14px 16px;

  padding:
    12px 13px;

  border:
    1px solid rgba(49,143,198,.12);

  border-radius:11px;

  background:
    rgba(11,91,139,.07);
}


.website-v2 .ca-v2-qualified-summary > div{
  display:flex;

  align-items:center;
  justify-content:space-between;
}


.website-v2 .ca-v2-qualified-summary span{
  color:#4d9aca;

  font-size:6px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-qualified-summary b{
  color:#4edb97;

  font-size:8px;
}


.website-v2 .ca-v2-qualified-summary p{
  margin:
    8px 0 0;

  color:#91a6b3;

  font-size:8px;

  line-height:1.55;
}


.website-v2 .ca-v2-qualified-footer{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  padding:
    13px 20px 16px;

  border-top:
    1px solid rgba(255,255,255,.055);
}


.website-v2 .ca-v2-qualified-footer small,
.website-v2 .ca-v2-qualified-footer strong{
  display:block;
}


.website-v2 .ca-v2-qualified-footer small{
  margin-bottom:3px;

  color:#557180;

  font-size:6px;

  font-weight:900;
}


.website-v2 .ca-v2-qualified-footer strong{
  color:#a9bbc5;

  font-size:8px;
}


.website-v2 .ca-v2-qualified-footer > span{
  display:flex;

  align-items:center;

  gap:7px;

  color:#61b7e6;

  font-size:7px;

  font-weight:800;
}


.website-v2 .ca-v2-qualified-footer > span b{
  width:21px;
  height:21px;

  display:grid;

  place-items:center;

  border-radius:50%;

  background:
    rgba(12,113,177,.13);
}


/* ==========================================================
   VALUE RESULT
   ========================================================== */

.website-v2 .ca-v2-value-result{
  position:relative;

  z-index:3;

  max-width:1120px;

  display:grid;

  grid-template-columns:
    .55fr 1fr 1fr;

  align-items:center;

  gap:30px;

  margin:
    72px auto 0;

  padding:
    26px 30px;

  border-top:
    1px solid rgba(255,255,255,.07);

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-value-result > span{
  color:#57aeda;

  font-size:8px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-value-result p{
  margin:0;

  color:#758d9b;

  font-size:11px;

  line-height:1.5;
}


.website-v2 .ca-v2-value-result p strong{
  display:block;

  color:#dce8ef;

  font-size:13px;
}


/* ==========================================================
   PROCESS
   ========================================================== */

.website-v2 .ca-v2-product-process{
  position:relative;

  z-index:3;

  max-width:1360px;

  margin:
    105px auto 0;
}


.website-v2 .ca-v2-process-heading{
  display:grid;

  grid-template-columns:
    1.25fr .75fr;

  align-items:end;

  gap:70px;

  margin-bottom:46px;
}


.website-v2 .ca-v2-process-heading span{
  display:block;

  margin-bottom:10px;

  color:#4f9fcf;

  font-size:8px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-process-heading h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(34px,3.1vw,50px);

  line-height:1.03;

  letter-spacing:-.045em;
}


.website-v2 .ca-v2-process-heading h3 strong{
  color:#7bbce1;

  font-weight:850;
}


.website-v2 .ca-v2-process-heading p{
  max-width:450px;

  margin:0;

  color:#7f96a4;

  font-size:12px;

  line-height:1.65;
}


.website-v2 .ca-v2-process-track{
  position:relative;

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:1px;

  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.075);

  border-radius:22px;

  background:
    rgba(255,255,255,.055);

  box-shadow:
    0 28px 70px rgba(0,0,0,.16);
}


.website-v2 .ca-v2-process-progress{
  position:absolute;

  z-index:4;

  left:0;
  right:0;
  top:0;

  height:2px;

  background:
    rgba(255,255,255,.025);
}


.website-v2 .ca-v2-process-progress span{
  display:block;

  width:0;
  height:100%;

  background:
    linear-gradient(
      90deg,
      #0877bd,
      #0A56B4,
      #2edb88
    );

  box-shadow:
    0 0 15px rgba(25,147,216,.35);

  transition:
    width 1.8s cubic-bezier(.2,.75,.25,1);
}


.website-v2
.ca-v2-value.ca-v2-value-visible
.ca-v2-process-progress span{
  width:100%;
}


.website-v2 .ca-v2-process-item{
  position:relative;

  min-height:275px;

  padding:
    25px 24px 28px;

  background:
    linear-gradient(
      145deg,
      #0b2231,
      #091c29
    );

  transition:
    background .25s ease;
}


.website-v2 .ca-v2-process-item:hover{
  background:
    linear-gradient(
      145deg,
      #0d293b,
      #0a2130
    );
}


.website-v2 .ca-v2-process-number{
  color:#4b6879;

  font-size:8px;

  font-weight:900;

  letter-spacing:.1em;
}


.website-v2 .ca-v2-process-icon{
  width:45px;
  height:45px;

  display:grid;

  place-items:center;

  margin:
    28px 0 24px;

  border-radius:14px;

  color:#7dc6ee;

  background:
    rgba(12,111,173,.10);

  border:
    1px solid rgba(39,139,199,.15);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03);
}


.website-v2 .ca-v2-process-icon span{
  font-size:14px;

  font-weight:800;
}


.website-v2 .ca-v2-process-item small{
  display:block;

  margin-bottom:7px;

  color:#4d9fce;

  font-size:7px;

  font-weight:900;

  letter-spacing:.1em;
}


.website-v2 .ca-v2-process-item h4{
  margin:
    0 0 11px;

  color:#f1f7fa;

  font-size:17px;

  line-height:1.15;

  letter-spacing:-.025em;
}


.website-v2 .ca-v2-process-item p{
  margin:0;

  color:#718896;

  font-size:10px;

  line-height:1.6;
}


/* ==========================================================
   HERO PROOF FINAL FIX
   ========================================================== */

.website-v2
.ca-v2-hero
.ca-v2-proof-row
> div
> span:last-child{
  color:#a8bbc6 !important;
}


.website-v2
.ca-v2-hero
.ca-v2-proof-row
> div
> span:last-child
strong{
  color:#f1f7fa !important;
}


.website-v2
.ca-v2-hero
.ca-v2-proof-row
> div
> span:last-child
span{
  color:#91a6b3 !important;

  opacity:1 !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1100px){

  .website-v2 .ca-v2-transform{
    grid-template-columns:
      1fr 150px 1.15fr;

    gap:20px;
  }

  .website-v2 .ca-v2-engine-core{
    width:120px;
    height:120px;
  }

  .website-v2 .ca-v2-process-track{
    grid-template-columns:
      repeat(2,1fr);
  }

}


@media(max-width:820px){

  .website-v2 .ca-v2-value{
    padding:
      90px 0 95px;
  }

  .website-v2 .ca-v2-value-heading{
    margin-bottom:52px;
  }

  .website-v2 .ca-v2-transform{
    grid-template-columns:1fr;

    gap:28px;
  }

  .website-v2 .ca-v2-transform-engine{
    min-height:220px;
  }

  .website-v2 .ca-v2-engine-line{
    display:none;
  }

  .website-v2 .ca-v2-engine-core{
    width:112px;
    height:112px;
  }

  .website-v2 .ca-v2-engine-questions{
    margin-top:26px;
  }

  .website-v2 .ca-v2-value-result{
    grid-template-columns:1fr;

    gap:12px;

    margin-top:50px;

    padding:
      22px 5px;
  }

  .website-v2 .ca-v2-product-process{
    margin-top:75px;
  }

  .website-v2 .ca-v2-process-heading{
    grid-template-columns:1fr;

    gap:17px;
  }

  .website-v2 .ca-v2-process-track{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-process-item{
    min-height:0;
  }

}


@media(max-width:520px){

  .website-v2 .ca-v2-value-heading{
    text-align:left;
  }

  .website-v2 .ca-v2-value-heading h2{
    font-size:
      clamp(39px,11vw,52px);
  }

  .website-v2 .ca-v2-qualified-grid{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-qualified-customer{
    grid-template-columns:
      auto 1fr;
  }

  .website-v2 .ca-v2-qualified-customer b{
    grid-column:
      2;
  }

  .website-v2 .ca-v2-qualified-footer{
    align-items:flex-start;

    flex-direction:column;
  }

}


/* ==========================================================
   END V20.47.2
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.2A
   VALUE LIGHT BALANCE POLISH
   ========================================================== */

/* Gesamtbereich minimal aufhellen */

.website-v2 .ca-v2-value{
  background:
    linear-gradient(
      180deg,
      #081b29 0%,
      #0b2232 46%,
      #081a27 100%
    );
}


/* ----------------------------------------------------------
   BEFORE CARD – besser absetzen
   ---------------------------------------------------------- */

.website-v2 .ca-v2-before-window{
  border-color:
    rgba(255,255,255,.105);

  background:
    linear-gradient(
      145deg,
      rgba(21,44,59,.76),
      rgba(13,33,47,.74)
    );

  box-shadow:
    0 28px 65px rgba(0,0,0,.19),
    inset 0 1px 0 rgba(255,255,255,.035);
}

.website-v2 .ca-v2-before-top{
  background:
    rgba(255,255,255,.028);
}

.website-v2 .ca-v2-before-field{
  border-color:
    rgba(255,255,255,.075);

  background:
    rgba(255,255,255,.028);
}

.website-v2 .ca-v2-before-field small{
  color:#76909f;
}

.website-v2 .ca-v2-before-field span{
  color:#a6bac7;
}

.website-v2 .ca-v2-before-message strong{
  color:#e0e9ee;
}

.website-v2 .ca-v2-before-problem{
  background:
    rgba(161,85,59,.075);

  border-color:
    rgba(220,136,102,.14);
}

.website-v2 .ca-v2-before-problem span{
  color:#aa9690;
}


/* ----------------------------------------------------------
   ENGINE – mehr Präsenz
   ---------------------------------------------------------- */

.website-v2 .ca-v2-engine-core{
  background:
    radial-gradient(
      circle at 50% 38%,
      #185170,
      #0d3248 56%,
      #092435 100%
    );

  border-color:
    rgba(86,184,236,.42);

  box-shadow:
    0 0 75px rgba(14,136,207,.24),
    inset 0 0 38px rgba(48,158,219,.10);
}

.website-v2 .ca-v2-engine-rings i{
  border-color:
    rgba(75,175,230,.20);
}

.website-v2 .ca-v2-engine-core > span{
  color:#0A56B4;
}

.website-v2 .ca-v2-engine-core > strong{
  color:#edf7fb;
}

.website-v2 .ca-v2-engine-questions span{
  color:#89adc0;

  background:
    rgba(27,97,137,.15);

  border-color:
    rgba(70,166,220,.20);
}


/* ----------------------------------------------------------
   QUALIFIED CARD – Premium-Blau
   ---------------------------------------------------------- */

.website-v2 .ca-v2-qualified-card{
  border-color:
    rgba(77,181,238,.28);

  background:
    linear-gradient(
      145deg,
      #0d2d42,
      #0a2335 72%,
      #081e2e
    );

  box-shadow:
    0 34px 80px rgba(0,0,0,.27),
    0 0 70px rgba(8,132,207,.10),
    inset 0 1px 0 rgba(255,255,255,.055);
}

.website-v2 .ca-v2-qualified-head{
  background:
    rgba(255,255,255,.012);
}

.website-v2 .ca-v2-qualified-grid{
  background:
    rgba(255,255,255,.065);
}

.website-v2 .ca-v2-qualified-grid > div{
  background:
    #0d2a3d;
}

.website-v2 .ca-v2-qualified-grid small{
  color:#5fa6cf;
}

.website-v2 .ca-v2-qualified-grid strong{
  color:#f0f6f9;
}

.website-v2 .ca-v2-qualified-grid span{
  color:#849aa7;
}

.website-v2 .ca-v2-qualified-summary{
  background:
    rgba(20,119,177,.11);

  border-color:
    rgba(64,164,220,.19);
}

.website-v2 .ca-v2-qualified-summary p{
  color:#a5b8c3;
}


/* ----------------------------------------------------------
   VALUE STATEMENT – LESBARER
   ---------------------------------------------------------- */

.website-v2 .ca-v2-value-result p{
  color:#91a7b4;
}

.website-v2 .ca-v2-value-result p strong{
  color:#eef6fa;
}


/* ----------------------------------------------------------
   PROCESS CARDS – deutlich besser trennen
   ---------------------------------------------------------- */

.website-v2 .ca-v2-process-track{
  border-color:
    rgba(255,255,255,.11);

  background:
    rgba(255,255,255,.075);

  box-shadow:
    0 32px 75px rgba(0,0,0,.18);
}

.website-v2 .ca-v2-process-item{
  background:
    linear-gradient(
      145deg,
      #0e2b3e,
      #0b2435
    );
}

.website-v2 .ca-v2-process-item:hover{
  background:
    linear-gradient(
      145deg,
      #12364d,
      #0d2b3e
    );
}

.website-v2 .ca-v2-process-number{
  color:#6f8796;
}

.website-v2 .ca-v2-process-icon{
  color:#8ed4f7;

  background:
    rgba(20,130,195,.15);

  border-color:
    rgba(66,165,221,.23);
}

.website-v2 .ca-v2-process-item small{
  color:#62b5e4;
}

.website-v2 .ca-v2-process-item h4{
  color:#ffffff;
}

.website-v2 .ca-v2-process-item p{
  color:#8fa5b2;
}


/* ----------------------------------------------------------
   Kleine Labels heller
   ---------------------------------------------------------- */

.website-v2 .ca-v2-transform-label{
  color:#8fa5b3;
}

.website-v2 .ca-v2-transform-after
.ca-v2-transform-label{
  color:#79d9aa;
}


/* ==========================================================
   END V20.47.2A
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.2B
   LIGHT PANELS + LOGO CORE
   ========================================================== */


/* ----------------------------------------------------------
   SECTION BLEIBT DUNKEL
   Panels bekommen dadurch bewusst mehr Kontrast.
   ---------------------------------------------------------- */

.website-v2 .ca-v2-value{
  background:
    linear-gradient(
      180deg,
      #081a27 0%,
      #0a2130 48%,
      #081a27 100%
    );
}


/* ==========================================================
   BEFORE – HELLERE GLASS SURFACE
   ========================================================== */

.website-v2 .ca-v2-before-window{
  border-color:
    rgba(139,190,220,.22);

  background:
    linear-gradient(
      145deg,
      rgba(34,66,86,.94),
      rgba(25,54,73,.94)
    );

  box-shadow:
    0 30px 70px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.075);
}


.website-v2 .ca-v2-before-top{
  background:
    rgba(255,255,255,.04);

  border-bottom-color:
    rgba(255,255,255,.095);
}


.website-v2 .ca-v2-before-top > span{
  background:#819aaa;
}


.website-v2 .ca-v2-before-top small{
  color:#9bb0bd;
}


.website-v2 .ca-v2-before-field{
  border-color:
    rgba(182,216,235,.13);

  background:
    rgba(255,255,255,.045);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}


.website-v2 .ca-v2-before-field small{
  color:#92a9b7;
}


.website-v2 .ca-v2-before-field span{
  color:#c1d0d8;
}


.website-v2 .ca-v2-before-message strong{
  color:#ffffff;

  text-shadow:
    0 1px 0 rgba(0,0,0,.10);
}


.website-v2 .ca-v2-before-problem{
  border-color:
    rgba(214,139,105,.22);

  background:
    rgba(157,84,58,.13);
}


.website-v2 .ca-v2-before-problem i{
  color:#efb096;

  background:
    rgba(204,111,77,.15);
}


.website-v2 .ca-v2-before-problem span{
  color:#c1aaa1;
}


/* ==========================================================
   ENGINE CORE
   ========================================================== */

.website-v2 .ca-v2-engine-core{
  background:
    radial-gradient(
      circle at 50% 36%,
      #1c648a 0%,
      #124563 45%,
      #0b2f47 72%,
      #09263a 100%
    );

  border:
    1px solid rgba(93,191,242,.52);

  box-shadow:
    0 0 82px rgba(12,144,220,.29),
    0 0 30px rgba(22,164,237,.12),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 42px rgba(39,161,223,.10);
}


/* alter CA-Mark Container jetzt Logo-Fenster */

.website-v2 .ca-v2-engine-logo-mark{
  position:relative;

  width:62px;
  height:51px;

  display:block;

  margin-bottom:8px;

  overflow:hidden;

  border-radius:0;

  background:transparent;

  box-shadow:none;
}


/*
   Vorhandenes CraftAgent-Logo wird innerhalb
   des kleinen Fensters vergrößert.

   Dadurch erscheint nur das obere Signet,
   nicht der darunterliegende Schriftzug.
*/

.website-v2 .ca-v2-engine-logo-mark img{
  position:absolute;

  width:104px;
  height:auto;

  max-width:none;

  left:50%;
  top:0;

  transform:
    translateX(-50%);

  display:block;

  filter:
    brightness(0)
    invert(1);

  opacity:.98;
}


/*
   Blauer Charakter bleibt durch subtilen
   Glow um das weiße Signet erhalten.
*/

.website-v2 .ca-v2-engine-logo-mark::after{
  content:"";

  position:absolute;

  inset:4px;

  z-index:-1;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(48,170,235,.22),
      transparent 68%
    );
}


.website-v2 .ca-v2-engine-core > span{
  color:#8dd5f8;

  font-size:6px;

  letter-spacing:.15em;
}


.website-v2 .ca-v2-engine-core > strong{
  color:#ffffff;

  font-size:10px;
}


.website-v2 .ca-v2-engine-rings i{
  border-color:
    rgba(74,177,231,.25);
}


.website-v2 .ca-v2-engine-questions span{
  color:#a2c0d0;

  border-color:
    rgba(93,181,229,.25);

  background:
    rgba(24,103,148,.20);
}


/* Verbindungslinie ebenfalls klarer */

.website-v2 .ca-v2-engine-line{
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(48,166,229,.78),
      transparent
    );

  box-shadow:
    0 0 9px rgba(35,156,220,.14);
}


/* ==========================================================
   QUALIFIED – KLAR HELLER / BLAUER
   ========================================================== */

.website-v2 .ca-v2-qualified-card{
  border-color:
    rgba(80,188,241,.34);

  background:
    linear-gradient(
      145deg,
      #123d58 0%,
      #0f354d 44%,
      #0c2c42 100%
    );

  box-shadow:
    0 34px 80px rgba(0,0,0,.25),
    0 0 75px rgba(14,145,216,.12),
    inset 0 1px 0 rgba(255,255,255,.085);
}


.website-v2 .ca-v2-qualified-head{
  background:
    rgba(255,255,255,.025);

  border-bottom-color:
    rgba(255,255,255,.10);
}


.website-v2 .ca-v2-qualified-head strong{
  color:#ffffff;
}


.website-v2 .ca-v2-qualified-head small{
  color:#91a8b6;
}


.website-v2 .ca-v2-qualified-customer{
  background:
    rgba(255,255,255,.025);

  border-bottom-color:
    rgba(255,255,255,.085);
}


.website-v2 .ca-v2-qualified-avatar{
  background:
    rgba(36,142,205,.20);

  border-color:
    rgba(86,184,236,.28);

  color:#a9ddfa;
}


.website-v2 .ca-v2-qualified-customer strong{
  color:#eef7fb;
}


.website-v2 .ca-v2-qualified-customer span{
  color:#8ea5b2;
}


.website-v2 .ca-v2-qualified-grid{
  background:
    rgba(255,255,255,.09);
}


.website-v2 .ca-v2-qualified-grid > div{
  background:
    #10364e;
}


.website-v2 .ca-v2-qualified-grid small{
  color:#72bde7;
}


.website-v2 .ca-v2-qualified-grid strong{
  color:#ffffff;
}


.website-v2 .ca-v2-qualified-grid span{
  color:#94aab7;
}


.website-v2 .ca-v2-qualified-summary{
  border-color:
    rgba(82,182,236,.26);

  background:
    rgba(23,123,181,.17);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025);
}


.website-v2 .ca-v2-qualified-summary span{
  color:#72c6f1;
}


.website-v2 .ca-v2-qualified-summary p{
  color:#bdd0da;
}


.website-v2 .ca-v2-qualified-footer{
  border-top-color:
    rgba(255,255,255,.09);
}


.website-v2 .ca-v2-qualified-footer strong{
  color:#c7d7df;
}


.website-v2 .ca-v2-qualified-footer > span{
  color:#0A56B4;
}


/* ==========================================================
   PROZESS – HELLERE BLUE-GLASS PANELS
   ========================================================== */

.website-v2 .ca-v2-process-track{
  border-color:
    rgba(113,184,222,.24);

  background:
    rgba(121,184,216,.11);

  box-shadow:
    0 32px 80px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.045);
}


.website-v2 .ca-v2-process-item{
  background:
    linear-gradient(
      145deg,
      #12364c,
      #0f3045
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035);

  transition:
    background .25s ease,
    transform .25s ease;
}


.website-v2 .ca-v2-process-item:hover{
  background:
    linear-gradient(
      145deg,
      #17445f,
      #12384f
    );
}


.website-v2 .ca-v2-process-number{
  color:#849dab;
}


.website-v2 .ca-v2-process-icon{
  color:#9bddfb;

  background:
    rgba(30,141,205,.22);

  border-color:
    rgba(90,188,240,.30);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 25px rgba(0,0,0,.08);
}


.website-v2 .ca-v2-process-item small{
  color:#72c4ef;
}


.website-v2 .ca-v2-process-item h4{
  color:#ffffff;
}


.website-v2 .ca-v2-process-item p{
  color:#a8bac4;
}


/* ==========================================================
   VALUE LINE / STATEMENT
   ========================================================== */

.website-v2 .ca-v2-value-result{
  border-top-color:
    rgba(255,255,255,.095);

  border-bottom-color:
    rgba(255,255,255,.095);
}


.website-v2 .ca-v2-value-result > span{
  color:#70c0ea;
}


.website-v2 .ca-v2-value-result p{
  color:#9eb1bc;
}


.website-v2 .ca-v2-value-result p strong{
  color:#ffffff;
}


/* ==========================================================
   RESPONSIVE LOGO CORE
   ========================================================== */

@media(max-width:820px){

  .website-v2 .ca-v2-engine-logo-mark{
    width:54px;
    height:45px;
  }

  .website-v2 .ca-v2-engine-logo-mark img{
    width:91px;
  }

}


/* ==========================================================
   END V20.47.2B
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.2B.1
   LOGO CORE – NUR CA-SIGNET
   ========================================================== */

.website-v2 .ca-v2-engine-logo-mark{
  width:64px;
  height:38px;

  margin-bottom:10px;

  overflow:hidden;
}


.website-v2 .ca-v2-engine-logo-mark img{
  width:118px;

  left:50%;
  top:-1px;

  transform:
    translateX(-50%);

  max-width:none;
}


/* Schriftzug unterhalb des Signets sicher ausblenden */

.website-v2 .ca-v2-engine-logo-mark::before{
  content:"";

  position:absolute;

  z-index:3;

  left:0;
  right:0;
  bottom:0;

  height:7px;

  background:
    linear-gradient(
      to bottom,
      rgba(17,65,91,0),
      rgba(17,65,91,.98)
    );

  pointer-events:none;
}


@media(max-width:820px){

  .website-v2 .ca-v2-engine-logo-mark{
    width:58px;
    height:35px;
  }

  .website-v2 .ca-v2-engine-logo-mark img{
    width:108px;
  }

}


/* ==========================================================
   END V20.47.2B.1
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.2B.2
   ENGINE LOGO – NUR OBERES CA-SIGNET
   ========================================================== */


/*
   Der Ausschnitt wird bewusst flacher.
   Das vollständige Logo darunter wird stark vergrößert,
   sodass im Fenster ausschließlich das CA-Signet liegt.
*/

.website-v2 .ca-v2-engine-logo-mark{
  position:relative;

  width:72px;
  height:42px;

  margin:
    0 auto 9px;

  overflow:hidden;

  background:transparent;

  border:0;

  border-radius:0;

  box-shadow:none;
}


/* vorhandenes CraftAgent-Logo stark hineinzoomen */

.website-v2 .ca-v2-engine-logo-mark img{
  position:absolute;

  width:178px !important;
  height:auto !important;

  max-width:none !important;

  left:50% !important;
  top:-3px !important;

  transform:
    translateX(-50%) !important;

  display:block;

  filter:
    brightness(0)
    invert(1);

  opacity:1;
}


/*
   Alte künstliche Abdeckung aus B.1 entfernen.
   Wir croppen jetzt ausschließlich sauber über overflow:hidden.
*/

.website-v2 .ca-v2-engine-logo-mark::before{
  content:none !important;

  display:none !important;
}


.website-v2 .ca-v2-engine-logo-mark::after{
  content:"";

  position:absolute;

  inset:-4px;

  z-index:-1;

  pointer-events:none;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(56,177,238,.20),
      transparent 68%
    );
}


/* Mobile */

@media(max-width:820px){

  .website-v2 .ca-v2-engine-logo-mark{
    width:66px;
    height:39px;
  }

  .website-v2 .ca-v2-engine-logo-mark img{
    width:164px !important;
    top:-3px !important;
  }

}


/* ==========================================================
   END V20.47.2B.2
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.3
   CLASSIC / MODERN EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-designs{
  position:relative;

  overflow:hidden;

  padding:
    132px 0 125px;

  color:#eef7fb;

  background:
    linear-gradient(
      180deg,
      #f4f8fb 0%,
      #edf4f8 100%
    );

  border-top:
    1px solid rgba(12,46,68,.07);
}


.website-v2 .ca-v2-designs-glow{
  position:absolute;

  width:1000px;
  height:700px;

  top:-250px;
  left:50%;

  transform:
    translateX(-50%);

  pointer-events:none;

  background:
    radial-gradient(
      ellipse,
      rgba(22,139,203,.11),
      transparent 68%
    );
}


/* ==========================================================
   HEADING
   ========================================================== */

.website-v2 .ca-v2-designs-heading{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    1.2fr .8fr;

  align-items:end;

  gap:90px;

  margin-bottom:58px;
}


.website-v2 .ca-v2-designs-kicker{
  display:flex;

  align-items:center;

  gap:8px;

  margin-bottom:15px;

  color:#1684c3;

  font-size:8px;

  font-weight:900;

  letter-spacing:.13em;
}


.website-v2 .ca-v2-designs-kicker i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 10px rgba(46,219,136,.45);
}


.website-v2 .ca-v2-designs-heading h2{
  margin:0;

  color:#0b2333;

  font-size:
    clamp(48px,4.6vw,72px);

  line-height:.96;

  letter-spacing:-.055em;

  font-weight:850;
}


.website-v2 .ca-v2-designs-heading h2 strong{
  display:block;

  color:#1685c4;

  font-weight:850;
}


.website-v2 .ca-v2-designs-heading > p{
  max-width:500px;

  margin:0;

  color:#5f7482;

  font-size:15px;

  line-height:1.7;
}


/* ==========================================================
   DESIGN STAGE
   ========================================================== */

.website-v2 .ca-v2-design-stage{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:24px;
}


.website-v2 .ca-v2-design-card{
  overflow:hidden;

  border-radius:25px;

  box-shadow:
    0 30px 80px rgba(23,59,82,.12);

  transition:
    transform .28s ease,
    box-shadow .28s ease;
}


.website-v2 .ca-v2-design-card:hover{
  transform:
    translateY(-5px);

  box-shadow:
    0 40px 95px rgba(23,59,82,.17);
}


/* ----------------------------------------------------------
   CLASSIC OUTER
   ---------------------------------------------------------- */

.website-v2 .ca-v2-design-classic{
  border:
    1px solid #d7e1e7;

  background:#ffffff;
}


/* ----------------------------------------------------------
   MODERN OUTER
   ---------------------------------------------------------- */

.website-v2 .ca-v2-design-modern{
  border:
    1px solid rgba(71,154,202,.30);

  background:
    linear-gradient(
      145deg,
      #0c2637,
      #071b29
    );

  box-shadow:
    0 35px 90px rgba(7,29,43,.24),
    0 0 60px rgba(12,118,183,.07);
}


/* ==========================================================
   CARD HEADER
   ========================================================== */

.website-v2 .ca-v2-design-card-head{
  min-height:115px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    24px 28px;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-card-head{
  border-bottom:
    1px solid #e2e9ed;
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-card-head{
  border-bottom:
    1px solid rgba(255,255,255,.075);
}


.website-v2 .ca-v2-design-card-head span{
  display:block;

  margin-bottom:5px;

  font-size:7px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-card-head span{
  color:#3b91bf;
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-card-head span{
  color:#5ab9e9;
}


.website-v2 .ca-v2-design-card-head h3{
  margin:0;

  font-size:27px;

  line-height:1;

  letter-spacing:-.04em;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-card-head h3{
  color:#0e293b;
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-card-head h3{
  color:#fff;
}


.website-v2 .ca-v2-design-card-head p{
  margin:
    5px 0 0;

  font-size:9px;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-card-head p{
  color:#738792;
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-card-head p{
  color:#77909f;
}


.website-v2 .ca-v2-design-badge{
  padding:
    7px 10px;

  border-radius:8px;

  color:#54707f;

  background:#edf3f6;

  border:
    1px solid #d9e5eb;

  font-size:7px;

  font-weight:900;

  letter-spacing:.1em;
}


.website-v2 .ca-v2-design-badge-modern{
  color:#74c9f4;

  background:
    rgba(14,115,177,.12);

  border-color:
    rgba(74,169,224,.18);
}


/* ==========================================================
   PREVIEW WRAPPER
   ========================================================== */

.website-v2 .ca-v2-design-preview{
  padding:
    26px;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-preview{
  background:
    linear-gradient(
      145deg,
      #f1f5f7,
      #e7eef2
    );
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-preview{
  background:
    linear-gradient(
      145deg,
      #081c2a,
      #061722
    );
}


/* ==========================================================
   MINI BROWSER
   ========================================================== */

.website-v2 .ca-v2-mini-browser{
  min-height:460px;

  overflow:hidden;

  border-radius:17px;
}


.website-v2 .ca-v2-mini-classic{
  background:#fff;

  border:
    1px solid #dbe4e9;

  box-shadow:
    0 18px 45px rgba(28,66,91,.11);
}


.website-v2 .ca-v2-mini-modern{
  background:#081b28;

  border:
    1px solid rgba(80,167,218,.17);

  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    0 0 40px rgba(13,118,183,.08);
}


/* ==========================================================
   MINI TOPBAR
   ========================================================== */

.website-v2 .ca-v2-mini-topbar{
  height:56px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  padding:
    0 18px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-topbar{
  background:#fff;

  border-bottom:
    1px solid #e2e9ed;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-topbar{
  background:#091c29;

  border-bottom:
    1px solid rgba(255,255,255,.065);
}


.website-v2 .ca-v2-mini-company{
  display:flex;

  align-items:center;

  gap:9px;
}


.website-v2 .ca-v2-mini-company > span{
  width:31px;
  height:31px;

  display:grid;

  place-items:center;

  border-radius:8px;

  color:#fff;

  background:#0877ba;

  font-size:7px;

  font-weight:900;
}


.website-v2 .ca-v2-mini-company strong,
.website-v2 .ca-v2-mini-company small{
  display:block;
}


.website-v2 .ca-v2-mini-company strong{
  font-size:8px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-company strong{
  color:#1a3547;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-company strong{
  color:#eaf5fa;
}


.website-v2 .ca-v2-mini-company small{
  margin-top:2px;

  color:#748b99;

  font-size:6px;
}


.website-v2 .ca-v2-mini-phone{
  color:#53778d;

  font-size:7px;

  font-weight:800;
}


.website-v2 .ca-v2-mini-status{
  display:flex;

  align-items:center;

  gap:5px;

  color:#63dca2;

  font-size:6px;

  font-weight:900;

  letter-spacing:.1em;
}


.website-v2 .ca-v2-mini-status i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 8px rgba(46,219,136,.50);
}


/* ==========================================================
   MINI SHELL
   ========================================================== */

.website-v2 .ca-v2-mini-shell{
  display:grid;

  grid-template-columns:
    .86fr 1.14fr;

  min-height:404px;
}


/* ==========================================================
   CLASSIC PERSONA
   ========================================================== */

.website-v2 .ca-v2-mini-classic
.ca-v2-mini-persona{
  position:relative;

  overflow:hidden;

  padding:
    24px 20px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      #0c69a5,
      #084f83
    );
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-persona::after{
  content:"";

  position:absolute;

  width:260px;
  height:260px;

  right:-110px;
  bottom:-100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.14),
      transparent 68%
    );
}


/* ==========================================================
   MODERN PERSONA
   ========================================================== */

.website-v2 .ca-v2-mini-modern
.ca-v2-mini-persona{
  position:relative;

  overflow:hidden;

  padding:
    24px 20px;

  background:
    linear-gradient(
      150deg,
      #071a27,
      #0a2739
    );
}


.website-v2 .ca-v2-mini-modern-grid{
  position:absolute;

  inset:0;

  opacity:.45;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:
    30px 30px;
}


.website-v2 .ca-v2-mini-modern-glow{
  position:absolute;

  width:260px;
  height:260px;

  right:-80px;
  bottom:-100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(18,135,205,.25),
      transparent 68%
    );
}


/* ==========================================================
   PERSONA COMMON
   ========================================================== */

.website-v2 .ca-v2-mini-badge{
  position:relative;

  z-index:3;

  display:inline-flex;

  padding:
    5px 7px;

  border-radius:999px;

  font-size:5px;

  font-weight:850;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-badge{
  color:#fff;

  border:
    1px solid rgba(255,255,255,.20);

  background:
    rgba(255,255,255,.09);
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-badge{
  color:#7dcaf3;

  border:
    1px solid rgba(61,161,217,.18);

  background:
    rgba(15,88,128,.10);
}


.website-v2 .ca-v2-mini-persona-copy{
  position:relative;

  z-index:3;

  margin-top:21px;
}


.website-v2 .ca-v2-mini-persona-copy small{
  display:block;

  margin-bottom:8px;

  font-size:5px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-persona-copy small{
  color:rgba(255,255,255,.72);
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-persona-copy small{
  color:#56b6e7;
}


.website-v2 .ca-v2-mini-persona-copy h4{
  margin:0;

  font-size:28px;

  line-height:1;

  letter-spacing:-.05em;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-persona-copy h4{
  color:#fff;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-persona-copy h4{
  color:#fff;
}


.website-v2 .ca-v2-mini-persona-copy strong{
  display:block;

  margin-top:5px;

  font-size:8px;

  font-weight:650;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-persona-copy strong{
  color:rgba(255,255,255,.78);
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-persona-copy strong{
  color:#8197a5;
}


.website-v2 .ca-v2-mini-persona > img{
  position:absolute;

  z-index:2;

  width:78%;

  max-width:none;

  left:50%;
  bottom:-6px;

  transform:
    translateX(-50%);

  display:block;
}


/* ==========================================================
   MINI PANEL
   ========================================================== */

.website-v2 .ca-v2-mini-panel{
  padding:
    31px 23px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-panel{
  background:#fff;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-panel{
  background:
    linear-gradient(
      145deg,
      #0c2637,
      #091e2d
    );
}


.website-v2 .ca-v2-mini-intro{
  display:flex;

  gap:9px;

  margin-bottom:21px;
}


.website-v2 .ca-v2-mini-intro > span{
  width:31px;
  height:31px;

  display:grid;

  place-items:center;

  flex:0 0 31px;

  border-radius:9px;

  font-size:12px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-intro > span{
  background:#edf5fa;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-intro > span{
  background:
    rgba(12,111,174,.12);

  border:
    1px solid rgba(44,142,200,.17);
}


.website-v2 .ca-v2-mini-intro small,
.website-v2 .ca-v2-mini-intro strong{
  display:block;
}


.website-v2 .ca-v2-mini-intro small{
  margin-bottom:5px;

  font-size:6px;

  font-weight:850;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-intro small{
  color:#3587b5;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-intro small{
  color:#58d69a;
}


.website-v2 .ca-v2-mini-intro strong{
  max-width:250px;

  font-size:20px;

  line-height:1.05;

  letter-spacing:-.04em;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-intro strong{
  color:#173449;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-intro strong{
  color:#fff;
}


/* ==========================================================
   SERVICES
   ========================================================== */

.website-v2 .ca-v2-mini-service{
  min-height:64px;

  display:grid;

  grid-template-columns:
    37px 1fr auto;

  align-items:center;

  gap:9px;

  margin-top:8px;

  padding:
    9px 11px;

  border-radius:12px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-service{
  border:
    1px solid #e0e8ed;

  background:#f7fafb;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-service.is-active{
  border-color:#55a9d6;

  background:#f0f8fc;

  box-shadow:
    inset 2px 0 0 #1588ca;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-service{
  border:
    1px solid rgba(255,255,255,.075);

  background:
    rgba(255,255,255,.025);
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-service.is-active{
  border-color:
    rgba(53,158,216,.45);

  background:
    rgba(16,96,142,.11);

  box-shadow:
    inset 2px 0 0 #178bce;
}


.website-v2 .ca-v2-mini-service > span{
  width:34px;
  height:34px;

  display:grid;

  place-items:center;

  border-radius:9px;

  font-size:12px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-service > span{
  background:#e7f3fa;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-service > span{
  background:
    rgba(13,110,171,.14);
}


.website-v2 .ca-v2-mini-service strong,
.website-v2 .ca-v2-mini-service small{
  display:block;
}


.website-v2 .ca-v2-mini-service strong{
  font-size:8px;
}


.website-v2 .ca-v2-mini-classic
.ca-v2-mini-service strong{
  color:#17364a;
}


.website-v2 .ca-v2-mini-modern
.ca-v2-mini-service strong{
  color:#eef7fb;
}


.website-v2 .ca-v2-mini-service small{
  margin-top:3px;

  color:#7b909c;

  font-size:6px;
}


.website-v2 .ca-v2-mini-service b{
  width:24px;
  height:24px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#2386bd;

  background:
    rgba(18,119,181,.08);

  font-size:8px;
}


/* ==========================================================
   CARD FOOTER
   ========================================================== */

.website-v2 .ca-v2-design-card-footer{
  min-height:75px;

  display:flex;

  align-items:center;

  gap:10px;

  padding:
    18px 27px;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-card-footer{
  background:#fff;

  border-top:
    1px solid #e2e9ed;
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-card-footer{
  background:
    rgba(255,255,255,.015);

  border-top:
    1px solid rgba(255,255,255,.065);
}


.website-v2 .ca-v2-design-dot{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;
}


.website-v2 .ca-v2-design-dot.is-classic{
  background:#248ec8;
}


.website-v2 .ca-v2-design-dot.is-modern{
  background:#2edb88;

  box-shadow:
    0 0 9px rgba(46,219,136,.45);
}


.website-v2 .ca-v2-design-card-footer p{
  max-width:450px;

  margin:0;

  font-size:9px;

  line-height:1.5;
}


.website-v2 .ca-v2-design-classic
.ca-v2-design-card-footer p{
  color:#69808d;
}


.website-v2 .ca-v2-design-modern
.ca-v2-design-card-footer p{
  color:#7f96a3;
}


/* ==========================================================
   SAME ENGINE
   ========================================================== */

.website-v2 .ca-v2-design-engine{
  position:relative;

  z-index:2;

  display:grid;

  grid-template-columns:
    .85fr 1.15fr;

  gap:65px;

  align-items:center;

  margin-top:34px;

  padding:
    29px 32px;

  border:
    1px solid #d5e2e9;

  border-radius:20px;

  background:
    rgba(255,255,255,.74);

  box-shadow:
    0 20px 55px rgba(22,62,87,.07);

  backdrop-filter:
    blur(15px);
}


.website-v2 .ca-v2-design-engine-intro > span{
  display:block;

  margin-bottom:7px;

  color:#1686c4;

  font-size:7px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-design-engine-intro > strong{
  display:block;

  color:#173449;

  font-size:16px;

  line-height:1.3;

  letter-spacing:-.02em;
}


.website-v2 .ca-v2-design-engine-intro em{
  display:block;

  color:#1684c3;

  font-style:normal;
}


.website-v2 .ca-v2-design-engine-items{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:1px;

  background:#dae5ea;
}


.website-v2 .ca-v2-design-engine-items > div{
  min-height:95px;

  padding:
    13px 15px;

  background:#f9fbfc;
}


.website-v2 .ca-v2-design-engine-items span,
.website-v2 .ca-v2-design-engine-items strong,
.website-v2 .ca-v2-design-engine-items small{
  display:block;
}


.website-v2 .ca-v2-design-engine-items span{
  margin-bottom:12px;

  color:#4c95bb;

  font-size:6px;

  font-weight:900;
}


.website-v2 .ca-v2-design-engine-items strong{
  color:#18374a;

  font-size:9px;
}


.website-v2 .ca-v2-design-engine-items small{
  margin-top:4px;

  color:#758994;

  font-size:6px;

  line-height:1.45;
}


/* ==========================================================
   CHOICE CTA
   ========================================================== */

.website-v2 .ca-v2-design-choice{
  position:relative;

  z-index:2;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:30px;

  margin-top:26px;

  padding:
    0 4px;
}


.website-v2 .ca-v2-design-choice > span{
  color:#647b88;

  font-size:10px;
}


.website-v2 .ca-v2-design-choice a{
  display:inline-flex;

  align-items:center;

  gap:9px;

  color:#147fb9;

  font-size:10px;

  font-weight:850;

  text-decoration:none;
}


.website-v2 .ca-v2-design-choice b{
  width:25px;
  height:25px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#fff;

  background:#1687c6;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1100px){

  .website-v2 .ca-v2-designs-heading{
    gap:40px;
  }

  .website-v2 .ca-v2-mini-shell{
    grid-template-columns:
      .92fr 1.08fr;
  }

  .website-v2 .ca-v2-design-engine{
    grid-template-columns:1fr;

    gap:25px;
  }

}


@media(max-width:850px){

  .website-v2 .ca-v2-designs{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-designs-heading{
    grid-template-columns:1fr;

    gap:20px;
  }

  .website-v2 .ca-v2-design-stage{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-design-engine-items{
    grid-template-columns:
      repeat(2,1fr);
  }

}


@media(max-width:520px){

  .website-v2 .ca-v2-design-preview{
    padding:14px;
  }

  .website-v2 .ca-v2-mini-browser{
    min-height:430px;
  }

  .website-v2 .ca-v2-mini-shell{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-mini-persona{
    min-height:210px;
  }

  .website-v2 .ca-v2-mini-persona > img{
    width:48%;

    left:auto;
    right:5px;

    transform:none;
  }

  .website-v2 .ca-v2-mini-panel{
    padding:
      24px 18px;
  }

  .website-v2 .ca-v2-design-engine-items{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-design-choice{
    align-items:flex-start;

    flex-direction:column;
  }

}


/* ==========================================================
   END V20.47.3
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.3B
   INTERACTIVE CLASSIC / MODERN SWITCHER
   ========================================================== */

.website-v2 .ca-v2-theme-experience{
  position:relative;

  overflow:hidden;

  padding:
    125px 0 120px;

  background:
    linear-gradient(
      180deg,
      #eef5f8 0%,
      #f8fafb 48%,
      #eef4f7 100%
    );

  border-top:
    1px solid rgba(13,52,76,.08);
}


.website-v2 .ca-v2-theme-glow{
  position:absolute;

  width:1000px;
  height:650px;

  left:50%;
  top:-250px;

  transform:
    translateX(-50%);

  pointer-events:none;

  background:
    radial-gradient(
      ellipse,
      rgba(17,133,197,.12),
      transparent 68%
    );
}


/* ==========================================================
   HEADING
   ========================================================== */

.website-v2 .ca-v2-theme-heading{
  position:relative;

  z-index:3;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(390px,.75fr);

  align-items:end;

  gap:80px;

  margin-bottom:48px;
}


.website-v2 .ca-v2-theme-kicker{
  display:flex;

  align-items:center;

  gap:8px;

  margin-bottom:16px;

  color:#1684c3;

  font-size:8px;

  font-weight:900;

  letter-spacing:.13em;
}


.website-v2 .ca-v2-theme-kicker i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 10px rgba(46,219,136,.45);
}


.website-v2 .ca-v2-theme-heading h2{
  margin:0;

  color:#102c3e;

  font-size:
    clamp(48px,4.5vw,72px);

  line-height:.96;

  letter-spacing:-.055em;
}


.website-v2 .ca-v2-theme-heading h2 strong{
  display:block;

  color:#1687c7;
}


.website-v2 .ca-v2-theme-heading-side > p{
  max-width:510px;

  margin:
    0 0 24px;

  color:#607682;

  font-size:14px;

  line-height:1.65;
}


/* ==========================================================
   TOGGLE
   ========================================================== */

.website-v2 .ca-v2-theme-toggle{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:5px;

  max-width:440px;

  padding:5px;

  border:
    1px solid #d3e0e7;

  border-radius:16px;

  background:
    rgba(255,255,255,.78);

  box-shadow:
    0 12px 32px rgba(21,67,94,.07);
}


.website-v2 .ca-v2-theme-toggle-button{
  min-height:62px;

  display:grid;

  grid-template-columns:
    auto 1fr;

  align-items:center;

  gap:10px;

  padding:
    9px 13px;

  border:0;

  border-radius:11px;

  background:transparent;

  cursor:pointer;

  text-align:left;

  transition:
    background .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}


.website-v2
.ca-v2-theme-toggle-button:hover{
  transform:
    translateY(-1px);
}


.website-v2
.ca-v2-theme-toggle-button.is-active{
  background:#102b3d;

  box-shadow:
    0 9px 24px rgba(10,40,58,.17);
}


.website-v2
.ca-v2-theme-toggle-button
> span:first-child{
  width:27px;
  height:27px;

  border-radius:8px;

  border:
    1px solid #cedbe2;
}


.website-v2 .ca-v2-toggle-light{
  background:
    linear-gradient(
      145deg,
      #fff,
      #e7eef2
    );
}


.website-v2 .ca-v2-toggle-dark{
  background:
    linear-gradient(
      145deg,
      #0d3249,
      #071b29
    ) !important;

  border-color:
    rgba(82,164,211,.30) !important;
}


.website-v2
.ca-v2-theme-toggle-button strong,
.website-v2
.ca-v2-theme-toggle-button small{
  display:block;
}


.website-v2
.ca-v2-theme-toggle-button strong{
  color:#244356;

  font-size:10px;
}


.website-v2
.ca-v2-theme-toggle-button small{
  margin-top:2px;

  color:#83959f;

  font-size:7px;
}


.website-v2
.ca-v2-theme-toggle-button.is-active strong{
  color:#fff;
}


.website-v2
.ca-v2-theme-toggle-button.is-active small{
  color:#87a1b1;
}


/* ==========================================================
   STAGE
   ========================================================== */

.website-v2 .ca-v2-theme-stage{
  position:relative;

  z-index:3;

  max-width:1320px;

  margin:0 auto;

  padding:
    42px;

  overflow:hidden;

  border-radius:29px;

  transition:
    background .45s ease,
    border-color .45s ease,
    box-shadow .45s ease;
}


.website-v2
.ca-v2-theme-stage.is-modern{
  border:
    1px solid rgba(62,151,202,.24);

  background:
    linear-gradient(
      145deg,
      #081d2b,
      #061721
    );

  box-shadow:
    0 40px 100px rgba(16,49,68,.20),
    0 0 80px rgba(15,132,199,.06);
}


.website-v2
.ca-v2-theme-stage.is-classic{
  border:
    1px solid #d6e2e8;

  background:
    linear-gradient(
      145deg,
      #e8f0f4,
      #f6f9fa
    );

  box-shadow:
    0 35px 85px rgba(28,67,90,.13);
}


.website-v2 .ca-v2-theme-stage-aura{
  position:absolute;

  width:720px;
  height:500px;

  right:-170px;
  bottom:-230px;

  border-radius:50%;

  pointer-events:none;

  transition:
    opacity .4s ease;

  background:
    radial-gradient(
      circle,
      rgba(17,142,211,.19),
      transparent 67%
    );
}


.website-v2
.ca-v2-theme-stage.is-classic
.ca-v2-theme-stage-aura{
  opacity:.35;
}


/* ==========================================================
   BROWSER
   ========================================================== */

.website-v2 .ca-v2-theme-browser{
  position:relative;

  z-index:2;

  overflow:hidden;

  border-radius:22px;

  transition:
    background .45s ease,
    border-color .45s ease,
    box-shadow .45s ease;
}


.website-v2
.ca-v2-theme-stage.is-modern
.ca-v2-theme-browser{
  border:
    1px solid rgba(255,255,255,.095);

  background:#081b28;

  box-shadow:
    0 30px 70px rgba(0,0,0,.34);
}


.website-v2
.ca-v2-theme-stage.is-classic
.ca-v2-theme-browser{
  border:
    1px solid #d2dde3;

  background:#fff;

  box-shadow:
    0 25px 65px rgba(28,65,88,.13);
}


/* ==========================================================
   BROWSER TOP
   ========================================================== */

.website-v2 .ca-v2-theme-browser-top{
  min-height:50px;

  display:grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:center;

  gap:16px;

  padding:
    0 17px;

  transition:
    background .4s ease,
    border-color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-browser-top{
  background:#0b2030;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2
.is-classic
.ca-v2-theme-browser-top{
  background:#f8fafb;

  border-bottom:
    1px solid #dee7eb;
}


.website-v2 .ca-v2-theme-browser-dots{
  display:flex;

  gap:5px;
}


.website-v2
.ca-v2-theme-browser-dots i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#6f8796;
}


.website-v2 .ca-v2-theme-address{
  justify-self:center;

  min-width:260px;

  padding:
    6px 12px;

  border-radius:8px;

  text-align:center;

  font-size:8px;
}


.website-v2
.is-modern
.ca-v2-theme-address{
  color:#738996;

  background:
    rgba(255,255,255,.025);

  border:
    1px solid rgba(255,255,255,.04);
}


.website-v2
.is-classic
.ca-v2-theme-address{
  color:#718794;

  background:#edf2f5;

  border:
    1px solid #e0e7eb;
}


.website-v2 .ca-v2-theme-live{
  display:flex;

  align-items:center;

  gap:5px;

  color:#45cb8b;

  font-size:7px;

  font-weight:900;

  letter-spacing:.09em;
}


.website-v2 .ca-v2-theme-live i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 8px rgba(46,219,136,.5);
}


/* ==========================================================
   COMPANY BAR
   ========================================================== */

.website-v2 .ca-v2-theme-companybar{
  height:66px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  padding:
    0 25px;

  transition:
    background .4s ease,
    border-color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-companybar{
  background:#091d2a;

  border-bottom:
    1px solid rgba(255,255,255,.06);
}


.website-v2
.is-classic
.ca-v2-theme-companybar{
  background:#fff;

  border-bottom:
    1px solid #e1e8ec;
}


.website-v2 .ca-v2-theme-company{
  display:flex;

  align-items:center;

  gap:10px;
}


.website-v2 .ca-v2-theme-company-mark{
  width:36px;
  height:36px;

  display:grid;

  place-items:center;

  border-radius:9px;

  color:#fff;

  background:#0b7cbd;

  font-size:8px;

  font-weight:900;
}


.website-v2 .ca-v2-theme-company strong,
.website-v2 .ca-v2-theme-company small{
  display:block;
}


.website-v2 .ca-v2-theme-company strong{
  font-size:9px;

  transition:
    color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-company strong{
  color:#eaf5fa;
}


.website-v2
.is-classic
.ca-v2-theme-company strong{
  color:#183649;
}


.website-v2 .ca-v2-theme-company small{
  margin-top:2px;

  color:#7c919d;

  font-size:6px;
}


.website-v2 .ca-v2-theme-company-contact{
  color:#77909f;

  font-size:8px;

  font-weight:800;
}


/* ==========================================================
   ASSISTANT GRID
   ========================================================== */

.website-v2 .ca-v2-theme-assistant{
  display:grid;

  grid-template-columns:
    .88fr 1.12fr;

  min-height:560px;
}


/* ==========================================================
   PERSONA
   ========================================================== */

.website-v2 .ca-v2-theme-persona{
  position:relative;

  overflow:hidden;

  min-height:560px;

  padding:
    35px 32px;

  transition:
    background .45s ease;
}


.website-v2
.is-modern
.ca-v2-theme-persona{
  background:
    linear-gradient(
      150deg,
      #071a27,
      #0b2b3f
    );
}


.website-v2
.is-classic
.ca-v2-theme-persona{
  background:
    linear-gradient(
      145deg,
      #0b74b6,
      #07568d
    );
}


.website-v2 .ca-v2-theme-persona-grid{
  position:absolute;

  inset:0;

  opacity:0;

  background-image:
    linear-gradient(
      rgba(255,255,255,.024) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.024) 1px,
      transparent 1px
    );

  background-size:
    34px 34px;

  transition:
    opacity .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-persona-grid{
  opacity:.55;
}


.website-v2 .ca-v2-theme-persona-glow{
  position:absolute;

  width:440px;
  height:440px;

  left:50%;
  bottom:-200px;

  transform:
    translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(28,148,214,.30),
      transparent 67%
    );

  transition:
    opacity .4s ease;
}


.website-v2
.is-classic
.ca-v2-theme-persona-glow{
  opacity:.55;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.22),
      transparent 68%
    );
}


.website-v2 .ca-v2-theme-persona-badge{
  position:relative;

  z-index:4;

  display:inline-flex;

  align-items:center;

  gap:6px;

  padding:
    6px 9px;

  border-radius:999px;

  color:#d8effb;

  border:
    1px solid rgba(255,255,255,.17);

  background:
    rgba(255,255,255,.055);

  font-size:6px;

  font-weight:900;

  letter-spacing:.09em;
}


.website-v2 .ca-v2-theme-persona-badge i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#2edb88;
}


.website-v2 .ca-v2-theme-persona-copy{
  position:relative;

  z-index:4;

  max-width:360px;

  margin-top:31px;
}


.website-v2 .ca-v2-theme-persona-copy small{
  display:block;

  margin-bottom:10px;

  color:#75c8f0;

  font-size:6px;

  font-weight:900;

  letter-spacing:.10em;
}


.website-v2
.is-classic
.ca-v2-theme-persona-copy small{
  color:
    rgba(255,255,255,.75);
}


.website-v2 .ca-v2-theme-persona-copy h3{
  margin:0;

  color:#fff;

  font-size:43px;

  line-height:.95;

  letter-spacing:-.05em;
}


.website-v2 .ca-v2-theme-persona-copy strong{
  display:block;

  margin-top:8px;

  color:#b7c9d3;

  font-size:12px;

  font-weight:650;
}


.website-v2
.is-classic
.ca-v2-theme-persona-copy strong{
  color:
    rgba(255,255,255,.82);
}


.website-v2 .ca-v2-theme-persona-copy p{
  max-width:300px;

  margin:
    17px 0 0;

  color:#8098a6;

  font-size:9px;

  line-height:1.55;
}


.website-v2
.is-classic
.ca-v2-theme-persona-copy p{
  color:
    rgba(255,255,255,.70);
}


.website-v2 .ca-v2-theme-persona > img{
  position:absolute;

  z-index:2;

  width:78%;

  max-width:none;

  left:50%;
  bottom:-12px;

  transform:
    translateX(-50%);

  transition:
    filter .4s ease,
    transform .4s ease;
}


.website-v2 .ca-v2-theme-trust{
  position:absolute;

  z-index:5;

  left:20px;
  right:20px;
  bottom:18px;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:1px;

  overflow:hidden;

  border-radius:12px;

  border:
    1px solid rgba(255,255,255,.12);

  background:
    rgba(6,25,38,.58);

  backdrop-filter:
    blur(14px);

  -webkit-backdrop-filter:
    blur(14px);
}


.website-v2
.is-classic
.ca-v2-theme-trust{
  background:
    rgba(4,62,103,.58);
}


.website-v2 .ca-v2-theme-trust > div{
  padding:
    10px 11px;
}


.website-v2 .ca-v2-theme-trust strong,
.website-v2 .ca-v2-theme-trust span{
  display:block;
}


.website-v2 .ca-v2-theme-trust strong{
  color:#fff;

  font-size:7px;
}


.website-v2 .ca-v2-theme-trust span{
  margin-top:2px;

  color:
    rgba(255,255,255,.62);

  font-size:5px;
}


/* ==========================================================
   PANEL
   ========================================================== */

.website-v2 .ca-v2-theme-panel{
  padding:
    34px 34px;

  transition:
    background .45s ease;
}


.website-v2
.is-modern
.ca-v2-theme-panel{
  background:
    linear-gradient(
      145deg,
      #0c2a3d,
      #091f2f
    );
}


.website-v2
.is-classic
.ca-v2-theme-panel{
  background:#fff;
}


.website-v2 .ca-v2-theme-panel-user{
  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:30px;
}


.website-v2 .ca-v2-theme-mini-avatar{
  position:relative;

  width:42px;
  height:42px;

  overflow:hidden;

  border-radius:12px;

  background:#dcebf3;
}


.website-v2 .ca-v2-theme-mini-avatar img{
  width:100%;
  height:100%;

  object-fit:cover;
}


.website-v2 .ca-v2-theme-mini-avatar > i{
  position:absolute;

  width:8px;
  height:8px;

  right:2px;
  bottom:2px;

  border-radius:50%;

  background:#2edb88;

  border:
    2px solid #0b293c;
}


.website-v2 .ca-v2-theme-panel-user strong,
.website-v2 .ca-v2-theme-panel-user span{
  display:block;
}


.website-v2 .ca-v2-theme-panel-user strong{
  font-size:10px;

  transition:
    color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-panel-user strong{
  color:#fff;
}


.website-v2
.is-classic
.ca-v2-theme-panel-user strong{
  color:#18374a;
}


.website-v2 .ca-v2-theme-panel-user span{
  margin-top:3px;

  color:#718994;

  font-size:7px;
}


.website-v2 .ca-v2-theme-panel-user span i{
  display:inline-block;

  width:5px;
  height:5px;

  margin-right:3px;

  border-radius:50%;

  background:#2edb88;
}


/* ==========================================================
   INTRO
   ========================================================== */

.website-v2 .ca-v2-theme-intro{
  display:flex;

  gap:13px;

  margin-bottom:25px;
}


.website-v2 .ca-v2-theme-intro-icon{
  width:40px;
  height:40px;

  display:grid;

  place-items:center;

  flex:0 0 40px;

  border-radius:12px;

  font-size:15px;

  transition:
    background .4s ease,
    border-color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-intro-icon{
  border:
    1px solid rgba(52,155,214,.18);

  background:
    rgba(17,109,164,.12);
}


.website-v2
.is-classic
.ca-v2-theme-intro-icon{
  background:#edf6fb;

  border:
    1px solid #d7e9f2;
}


.website-v2 .ca-v2-theme-intro small{
  display:block;

  margin-bottom:7px;

  color:#48d893;

  font-size:6px;

  font-weight:900;

  letter-spacing:.09em;
}


.website-v2
.is-classic
.ca-v2-theme-intro small{
  color:#2385bb;
}


.website-v2 .ca-v2-theme-intro h3{
  max-width:450px;

  margin:0;

  font-size:
    clamp(26px,2.1vw,35px);

  line-height:1.02;

  letter-spacing:-.04em;

  transition:
    color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-intro h3{
  color:#fff;
}


.website-v2
.is-classic
.ca-v2-theme-intro h3{
  color:#19394e;
}


.website-v2 .ca-v2-theme-intro p{
  max-width:500px;

  margin:
    10px 0 0;

  color:#78909e;

  font-size:8px;

  line-height:1.55;
}


/* ==========================================================
   SERVICES
   ========================================================== */

.website-v2 .ca-v2-theme-services{
  display:grid;

  gap:9px;
}


.website-v2 .ca-v2-theme-service{
  min-height:72px;

  display:grid;

  grid-template-columns:
    42px 1fr auto;

  align-items:center;

  gap:12px;

  padding:
    10px 13px;

  border-radius:14px;

  transition:
    background .4s ease,
    border-color .4s ease,
    box-shadow .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-service{
  border:
    1px solid rgba(255,255,255,.075);

  background:
    rgba(255,255,255,.025);
}


.website-v2
.is-modern
.ca-v2-theme-service.is-active{
  border-color:
    rgba(55,166,224,.42);

  background:
    rgba(19,104,153,.12);

  box-shadow:
    inset 2px 0 0 #168bcf;
}


.website-v2
.is-classic
.ca-v2-theme-service{
  border:
    1px solid #dfe8ed;

  background:#f8fafb;
}


.website-v2
.is-classic
.ca-v2-theme-service.is-active{
  border-color:#58acd7;

  background:#f0f8fc;

  box-shadow:
    inset 2px 0 0 #168aca;
}


.website-v2 .ca-v2-theme-service > span{
  width:40px;
  height:40px;

  display:grid;

  place-items:center;

  border-radius:11px;

  font-size:14px;
}


.website-v2
.is-modern
.ca-v2-theme-service > span{
  background:
    rgba(15,110,170,.15);
}


.website-v2
.is-classic
.ca-v2-theme-service > span{
  background:#e9f4fa;
}


.website-v2 .ca-v2-theme-service strong,
.website-v2 .ca-v2-theme-service small{
  display:block;
}


.website-v2 .ca-v2-theme-service strong{
  font-size:9px;

  transition:
    color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-service strong{
  color:#eef7fa;
}


.website-v2
.is-classic
.ca-v2-theme-service strong{
  color:#19394d;
}


.website-v2 .ca-v2-theme-service small{
  margin-top:3px;

  color:#7b909c;

  font-size:6px;
}


.website-v2 .ca-v2-theme-service b{
  width:27px;
  height:27px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#55afe0;

  background:
    rgba(17,114,173,.10);

  font-size:8px;
}


/* ==========================================================
   MODE LABEL
   ========================================================== */

.website-v2 .ca-v2-theme-mode-label{
  position:absolute;

  z-index:5;

  right:60px;
  bottom:19px;

  display:flex;

  align-items:center;

  gap:9px;

  padding:
    9px 12px;

  border-radius:11px;

  transition:
    background .4s ease,
    border-color .4s ease;
}


.website-v2
.is-modern
.ca-v2-theme-mode-label{
  color:#dceaf2;

  background:
    rgba(4,21,32,.82);

  border:
    1px solid rgba(255,255,255,.09);
}


.website-v2
.is-classic
.ca-v2-theme-mode-label{
  color:#26485a;

  background:
    rgba(255,255,255,.92);

  border:
    1px solid #d7e2e8;
}


.website-v2 .ca-v2-mode-indicator{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#2edb88;

  box-shadow:
    0 0 9px rgba(46,219,136,.45);
}


.website-v2 .ca-v2-theme-mode-label small,
.website-v2 .ca-v2-theme-mode-label strong{
  display:block;
}


.website-v2 .ca-v2-theme-mode-label small{
  color:#708b99;

  font-size:5px;

  font-weight:900;
}


.website-v2 .ca-v2-theme-mode-label strong{
  margin-top:1px;

  font-size:8px;
}


/* ==========================================================
   ENGINE LINE
   ========================================================== */

.website-v2 .ca-v2-theme-engine{
  position:relative;

  z-index:3;

  display:grid;

  grid-template-columns:
    .85fr 1.15fr;

  align-items:center;

  gap:50px;

  margin-top:28px;

  padding:
    28px 31px;

  border:
    1px solid #d5e2e8;

  border-radius:19px;

  background:
    rgba(255,255,255,.76);

  box-shadow:
    0 18px 45px rgba(21,63,87,.07);
}


.website-v2
.ca-v2-theme-engine-copy > span{
  display:block;

  margin-bottom:6px;

  color:#1686c5;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2
.ca-v2-theme-engine-copy strong{
  display:block;

  color:#17364a;

  font-size:15px;
}


.website-v2
.ca-v2-theme-engine-copy p{
  max-width:400px;

  margin:
    6px 0 0;

  color:#728792;

  font-size:8px;

  line-height:1.5;
}


.website-v2 .ca-v2-theme-engine-items{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  overflow:hidden;

  border-radius:12px;

  border:
    1px solid #dce6eb;
}


.website-v2
.ca-v2-theme-engine-items > div{
  min-height:72px;

  padding:
    13px;

  background:#f9fbfc;

  border-right:
    1px solid #e0e8ec;
}


.website-v2
.ca-v2-theme-engine-items > div:last-child{
  border-right:0;
}


.website-v2
.ca-v2-theme-engine-items > div.is-highlight{
  background:#edf7fc;
}


.website-v2
.ca-v2-theme-engine-items span,
.website-v2
.ca-v2-theme-engine-items strong{
  display:block;
}


.website-v2
.ca-v2-theme-engine-items span{
  margin-bottom:10px;

  color:#4e98bd;

  font-size:6px;

  font-weight:900;
}


.website-v2
.ca-v2-theme-engine-items strong{
  color:#244556;

  font-size:8px;
}


/* ==========================================================
   BOTTOM
   ========================================================== */

.website-v2 .ca-v2-theme-bottom{
  position:relative;

  z-index:3;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:30px;

  margin-top:23px;
}


.website-v2 .ca-v2-theme-bottom p{
  margin:0;

  color:#657c88;

  font-size:9px;
}


.website-v2 .ca-v2-theme-bottom a{
  display:flex;

  align-items:center;

  gap:9px;

  color:#1481bd;

  font-size:9px;

  font-weight:850;

  text-decoration:none;
}


.website-v2 .ca-v2-theme-bottom a span{
  width:25px;
  height:25px;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#fff;

  background:#1687c7;
}


/* ==========================================================
   SWITCH ANIMATION
   ========================================================== */

.website-v2 .ca-v2-theme-assistant,
.website-v2 .ca-v2-theme-companybar,
.website-v2 .ca-v2-theme-browser-top{
  transition:
    background .45s cubic-bezier(.2,.8,.2,1),
    color .45s ease,
    border-color .45s ease;
}


.website-v2
.ca-v2-theme-stage.is-switching
.ca-v2-theme-browser{
  animation:
    caThemeSwitch .38s ease;
}


@keyframes caThemeSwitch{

  0%{
    opacity:1;
    transform:scale(1);
  }

  45%{
    opacity:.86;
    transform:scale(.992);
  }

  100%{
    opacity:1;
    transform:scale(1);
  }

}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1000px){

  .website-v2 .ca-v2-theme-heading{
    grid-template-columns:1fr;

    gap:25px;
  }

  .website-v2 .ca-v2-theme-toggle{
    max-width:480px;
  }

  .website-v2 .ca-v2-theme-stage{
    padding:28px;
  }

  .website-v2 .ca-v2-theme-engine{
    grid-template-columns:1fr;

    gap:20px;
  }

}


@media(max-width:760px){

  .website-v2 .ca-v2-theme-experience{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-theme-stage{
    padding:15px;

    border-radius:21px;
  }

  .website-v2 .ca-v2-theme-assistant{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-theme-persona{
    min-height:360px;
  }

  .website-v2 .ca-v2-theme-persona > img{
    width:48%;

    left:auto;
    right:15px;

    transform:none;
  }

  .website-v2 .ca-v2-theme-trust{
    display:none;
  }

  .website-v2 .ca-v2-theme-panel{
    padding:
      27px 20px;
  }

  .website-v2 .ca-v2-theme-engine-items{
    grid-template-columns:
      repeat(2,1fr);
  }

  .website-v2
  .ca-v2-theme-engine-items > div:nth-child(2){
    border-right:0;
  }

  .website-v2 .ca-v2-theme-mode-label{
    right:26px;
    bottom:22px;
  }

}


@media(max-width:520px){

  .website-v2 .ca-v2-theme-toggle{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-theme-browser-top{
    grid-template-columns:
      auto 1fr;
  }

  .website-v2 .ca-v2-theme-address{
    display:none;
  }

  .website-v2 .ca-v2-theme-live{
    justify-self:end;
  }

  .website-v2 .ca-v2-theme-company-contact{
    display:none;
  }

  .website-v2 .ca-v2-theme-persona{
    min-height:330px;

    padding:
      27px 22px;
  }

  .website-v2 .ca-v2-theme-persona-copy h3{
    font-size:36px;
  }

  .website-v2 .ca-v2-theme-persona > img{
    width:55%;
  }

  .website-v2 .ca-v2-theme-engine-items{
    grid-template-columns:1fr;
  }

  .website-v2
  .ca-v2-theme-engine-items > div{
    border-right:0;

    border-bottom:
      1px solid #e0e8ec;
  }

  .website-v2 .ca-v2-theme-bottom{
    align-items:flex-start;

    flex-direction:column;
  }

}


/* ==========================================================
   END V20.47.3B
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.2B.3
   READABILITY + LOGO CROP FINAL
   ========================================================== */


/* ==========================================================
   1. LOGO CORE – OBERKANTE VOLL SICHTBAR
   ========================================================== */

.website-v2 .ca-v2-engine-logo-mark{
  width:78px !important;
  height:47px !important;

  margin:
    0 auto 8px !important;

  overflow:hidden !important;
}


.website-v2 .ca-v2-engine-logo-mark img{
  width:178px !important;
  height:auto !important;

  max-width:none !important;

  left:50% !important;

  /* vorher -3px – dadurch wurde das C oben beschnitten */
  top:4px !important;

  transform:
    translateX(-50%) !important;

  display:block !important;
}


.website-v2 .ca-v2-engine-logo-mark::before{
  content:none !important;
  display:none !important;
}


/* ==========================================================
   2. TRANSFORMATION LABELS
   ========================================================== */

.website-v2 .ca-v2-transform-label{
  font-size:10px !important;

  font-weight:900 !important;

  letter-spacing:.105em !important;

  color:#a6bbc7 !important;
}


.website-v2
.ca-v2-transform-after
.ca-v2-transform-label{
  color:#72e0ac !important;
}


/* ==========================================================
   3. KONTAKTFORMULAR – KLEINE TEXTE LESBARER
   ========================================================== */

.website-v2 .ca-v2-before-top small{
  font-size:9px !important;

  color:#a9bcc7 !important;
}


.website-v2 .ca-v2-before-field small{
  margin-bottom:7px !important;

  font-size:9px !important;

  color:#a3b8c4 !important;
}


.website-v2 .ca-v2-before-field span{
  font-size:11px !important;

  color:#d0dde4 !important;
}


.website-v2 .ca-v2-before-message strong{
  font-size:17px !important;

  line-height:1.4 !important;
}


.website-v2 .ca-v2-before-problem span{
  font-size:10px !important;

  line-height:1.45 !important;

  color:#c8b1a9 !important;
}


/* ==========================================================
   4. CRAFTAGENT CORE
   ========================================================== */

.website-v2 .ca-v2-engine-core > span{
  font-size:8px !important;

  color:#8bd4f7 !important;

  letter-spacing:.13em !important;
}


.website-v2 .ca-v2-engine-core > strong{
  margin-top:6px !important;

  font-size:12px !important;

  line-height:1.22 !important;
}


.website-v2 .ca-v2-engine-questions span{
  padding:
    6px 9px !important;

  font-size:8px !important;

  color:#b1cad7 !important;
}


/* ==========================================================
   5. QUALIFIZIERTE ANFRAGE – TYPOGRAFIE
   ========================================================== */

.website-v2 .ca-v2-qualified-head span{
  font-size:8px !important;
}


.website-v2 .ca-v2-qualified-head strong{
  font-size:18px !important;
}


.website-v2 .ca-v2-qualified-head small{
  font-size:9px !important;

  color:#9eb2bd !important;
}


.website-v2 .ca-v2-qualified-priority{
  font-size:8px !important;

  padding:
    7px 10px !important;
}


.website-v2 .ca-v2-qualified-customer strong{
  font-size:11px !important;
}


.website-v2 .ca-v2-qualified-customer span{
  font-size:9px !important;

  color:#98acb7 !important;
}


.website-v2 .ca-v2-qualified-customer b{
  font-size:9px !important;
}


.website-v2 .ca-v2-qualified-grid small{
  font-size:8px !important;

  margin-bottom:6px !important;
}


.website-v2 .ca-v2-qualified-grid strong{
  font-size:11px !important;
}


.website-v2 .ca-v2-qualified-grid span{
  font-size:9px !important;

  color:#9db0bb !important;
}


.website-v2 .ca-v2-qualified-summary span{
  font-size:8px !important;
}


.website-v2 .ca-v2-qualified-summary p{
  font-size:10px !important;

  line-height:1.55 !important;

  color:#c2d2da !important;
}


.website-v2 .ca-v2-qualified-footer small{
  font-size:8px !important;
}


.website-v2 .ca-v2-qualified-footer strong{
  font-size:10px !important;
}


.website-v2 .ca-v2-qualified-footer > span{
  font-size:9px !important;

  font-weight:850 !important;
}


/* ==========================================================
   6. DER UNTERSCHIED – DEUTLICH STÄRKER
   ========================================================== */

.website-v2 .ca-v2-value-result{
  min-height:105px;

  padding:
    29px 30px !important;
}


.website-v2 .ca-v2-value-result > span{
  font-size:10px !important;

  color:#73c9f2 !important;
}


.website-v2 .ca-v2-value-result p{
  font-size:13px !important;

  line-height:1.5 !important;

  color:#a7bbc6 !important;
}


.website-v2 .ca-v2-value-result p strong{
  margin-top:2px;

  font-size:15px !important;

  color:#ffffff !important;
}


/* ==========================================================
   7. PROZESS-TEXTE MINIMAL VERGRÖSSERN
   ========================================================== */

.website-v2 .ca-v2-process-number{
  font-size:9px !important;
}


.website-v2 .ca-v2-process-item small{
  font-size:8px !important;
}


.website-v2 .ca-v2-process-item h4{
  font-size:18px !important;
}


.website-v2 .ca-v2-process-item p{
  font-size:11px !important;

  line-height:1.6 !important;

  color:#adbec7 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:820px){

  .website-v2 .ca-v2-engine-logo-mark{
    width:70px !important;
    height:43px !important;
  }

  .website-v2 .ca-v2-engine-logo-mark img{
    width:160px !important;
    top:4px !important;
  }

}


/* ==========================================================
   END V20.47.2B.3
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.4
   GLOBAL WEBSITE THEME ENGINE
   ========================================================== */


/* ==========================================================
   GLOBAL THEME VARIABLES
   ========================================================== */

html[data-site-theme="modern"]{
  color-scheme:dark;
}

html[data-site-theme="classic"]{
  color-scheme:light;
}


.website-v2{
  transition:
    background-color .45s ease,
    color .45s ease;
}


/* ==========================================================
   HEADER GLOBAL SWITCHER
   ========================================================== */

.website-v2 .ca-v2-global-theme-toggle{
  display:grid;

  grid-template-columns:
    repeat(2,auto);

  gap:3px;

  padding:3px;

  border-radius:11px;

  border:
    1px solid rgba(255,255,255,.10);

  background:
    rgba(255,255,255,.035);

  transition:
    background .4s ease,
    border-color .4s ease,
    box-shadow .4s ease;
}


.website-v2
.ca-v2-global-theme-toggle button{
  min-height:34px;

  display:flex;

  align-items:center;

  gap:6px;

  padding:
    0 10px;

  border:0;

  border-radius:8px;

  color:#78909f;

  background:transparent;

  cursor:pointer;

  font:inherit;

  font-size:9px;

  font-weight:800;

  transition:
    color .22s ease,
    background .22s ease,
    box-shadow .22s ease;
}


.website-v2
.ca-v2-global-theme-toggle button > span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#708895;

  transition:
    background .22s ease,
    box-shadow .22s ease;
}


.website-v2
.ca-v2-global-theme-toggle button.is-active{
  color:#fff;

  background:
    rgba(23,133,196,.22);

  box-shadow:
    inset 0 0 0 1px
    rgba(74,176,231,.18);
}


.website-v2
.ca-v2-global-theme-toggle button.is-active
> span{
  background:#39cfff;

  box-shadow:
    0 0 8px rgba(57,207,255,.50);
}


/* ==========================================================
   GLOBAL SMOOTH SWITCH
   ========================================================== */

.website-v2 .site-header-v2,
.website-v2 .ca-v2-hero,
.website-v2 .ca-v2-impact,
.website-v2 .ca-v2-value,
.website-v2 .ca-v2-theme-experience,
.website-v2 .ca-v2-browser,
.website-v2 .ca-v2-impact .ca-v2-container,
.website-v2 .ca-v2-before-window,
.website-v2 .ca-v2-qualified-card,
.website-v2 .ca-v2-process-item{
  transition:
    background .45s cubic-bezier(.2,.8,.2,1),
    color .45s ease,
    border-color .45s ease,
    box-shadow .45s ease;
}


/* ==========================================================
   MODERN
   ========================================================== */

html[data-site-theme="modern"]
.website-v2{
  background:#061722;
}


html[data-site-theme="modern"]
.website-v2
.site-header-v2{
  background:
    rgba(4,16,25,.82);
}


/* ==========================================================
   CLASSIC – BODY
   ========================================================== */

html[data-site-theme="classic"]
.website-v2{
  background:#f4f8fa;

  color:#17384c;
}


/* ==========================================================
   CLASSIC – HEADER
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.site-header-v2{
  background:
    rgba(255,255,255,.91);

  border-bottom-color:
    rgba(22,63,88,.10);

  box-shadow:
    0 8px 30px rgba(35,77,100,.05);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-brand-logo img{
  filter:none;

  opacity:1;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-brand-line{
  color:#607987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-brand-line::before{
  background:
    rgba(24,65,89,.13);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-navigation a{
  color:#4c6675;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-navigation a:hover{
  color:#0c78b7;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-nav-demo{
  color:#315367;

  background:#f4f8fa;

  border-color:#d6e2e8;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-global-theme-toggle{
  border-color:#d4e0e6;

  background:#f3f7f9;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-global-theme-toggle button{
  color:#738894;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-global-theme-toggle button.is-active{
  color:#17394d;

  background:#fff;

  box-shadow:
    0 5px 15px rgba(34,79,104,.10),
    inset 0 0 0 1px #d7e2e8;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-global-theme-toggle button.is-active
> span{
  background:#1688c8;

  box-shadow:
    0 0 8px rgba(22,136,200,.30);
}


/* ==========================================================
   CLASSIC – HERO
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-hero{
  background:
    linear-gradient(
      145deg,
      #f7fafc 0%,
      #edf5f9 50%,
      #e7f1f6 100%
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero-grid{
  opacity:.45;

  background-image:
    linear-gradient(
      rgba(29,91,124,.04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(29,91,124,.04) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero-glow-one{
  background:
    radial-gradient(
      circle,
      rgba(19,144,210,.14),
      transparent 68%
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-signal{
  color:#197eb7;

  background:
    rgba(255,255,255,.72);

  border-color:
    rgba(23,128,187,.20);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero h1{
  color:#102e42;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero h1 span{
  background:
    linear-gradient(
      90deg,
      #173b51,
      #1689c8
    );

  background-clip:text;
  -webkit-background-clip:text;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero-lead{
  color:#5c7483;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-button-ghost{
  color:#466474;

  border-color:#d1dee5;

  background:
    rgba(255,255,255,.62);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-proof-row{
  border-top-color:
    rgba(26,72,97,.11);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero
.ca-v2-proof-row
strong{
  color:#183b50 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-hero
.ca-v2-proof-row
span{
  color:#637d8b !important;
}


/* Product Stage bleibt bewusst als
   Produktkontrast innerhalb des hellen Hero */

html[data-site-theme="classic"]
.website-v2
.ca-v2-browser{
  border-color:
    rgba(25,76,104,.14);

  box-shadow:
    0 35px 85px rgba(30,70,94,.15);
}


/* ==========================================================
   CLASSIC – HERO IMPACT
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-impact{
  color:#16374a;

  background:
    linear-gradient(
      180deg,
      #e7f1f6 0%,
      #f5f8fa 52%,
      #f5f8fa 100%
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-impact
.ca-v2-container{
  border-color:#d5e2e8;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf5f8
    );

  box-shadow:
    0 25px 65px rgba(28,68,91,.10);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-impact-line,
html[data-site-theme="classic"]
.website-v2
.ca-v2-impact-statement{
  border-color:
    rgba(26,69,93,.09);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-impact-line strong{
  color:#456271;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-impact-statement p{
  color:#708692;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-impact-statement > strong{
  color:#17384c;
}


/* ==========================================================
   CLASSIC – VALUE SECTION
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-value{
  color:#17384c;

  background:
    linear-gradient(
      180deg,
      #f5f9fb 0%,
      #eaf3f7 48%,
      #f7fafb 100%
    );

  border-top-color:#d8e5eb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-value::before{
  background-image:
    linear-gradient(
      rgba(28,82,111,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.025) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-value-heading h2{
  color:#133448;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-value-heading p{
  color:#617987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-window{
  border-color:#cedde5;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf4f7
    );

  box-shadow:
    0 25px 60px rgba(28,67,89,.10);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-top{
  background:#eaf1f5;

  border-bottom-color:#d9e4e9;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-field{
  background:#f7fafb;

  border-color:#d8e4ea;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-field small{
  color:#748b98 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-field span{
  color:#385466 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-message strong{
  color:#183a4f;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-problem{
  background:#fff4ef;

  border-color:#ebd2c7;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-before-problem span{
  color:#906e62 !important;
}


/* ==========================================================
   CLASSIC – ENGINE CORE
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-engine-core{
  background:
    radial-gradient(
      circle at 50% 35%,
      #ffffff,
      #e5f3fa 58%,
      #d4e9f4
    );

  border-color:
    rgba(32,139,197,.40);

  box-shadow:
    0 0 60px rgba(20,137,199,.13),
    inset 0 1px 0 #fff;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-engine-logo-mark img{
  filter:none;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-engine-core > span{
  color:#1685c3 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-engine-core > strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-engine-questions span{
  color:#4b7084 !important;

  border-color:#c8e0ec;

  background:#edf7fb;
}


/* ==========================================================
   CLASSIC – QUALIFIED LEAD
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-card{
  color:#17384c;

  border-color:#b9d9ea;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eaf5fa
    );

  box-shadow:
    0 30px 70px rgba(25,73,100,.12);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-head,
html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-customer,
html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-footer{
  border-color:#d8e6ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-head strong,
html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-customer strong,
html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-grid strong{
  color:#15394f;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-grid{
  background:#dbe8ee;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-grid > div{
  background:#f4f9fb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-grid span,
html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-customer span{
  color:#6b818d !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-summary{
  background:#e8f6fc;

  border-color:#c4e3f1;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-summary p{
  color:#4d6877 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-qualified-footer strong{
  color:#536f7f;
}


/* ==========================================================
   CLASSIC – VALUE RESULT
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-value-result{
  border-color:
    rgba(24,70,95,.12);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-value-result p{
  color:#607887 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-value-result p strong{
  color:#17394d !important;
}


/* ==========================================================
   CLASSIC – PROCESS
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-process-heading h3{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-process-heading p{
  color:#667f8d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-process-track{
  border-color:#cedfe7;

  background:#dce9ef;

  box-shadow:
    0 25px 65px rgba(28,68,91,.10);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-process-item{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eef5f8
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-process-item:hover{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #e4f2f8
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-process-item h4{
  color:#17394d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-process-item p{
  color:#627b88 !important;
}


/* ==========================================================
   CLASSIC/MODERN EXPERIENCE
   Die Section bleibt grundsätzlich hell.
   Das globale Theme beeinflusst nur Akzente.
   ========================================================== */

html[data-site-theme="modern"]
.website-v2
.ca-v2-theme-experience{
  background:
    linear-gradient(
      180deg,
      #eef5f8,
      #f8fafb 48%,
      #eef4f7
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-theme-experience{
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f2f7f9 50%,
      #eaf2f6
    );
}


/* ==========================================================
   MOBILE GLOBAL TOGGLE
   ========================================================== */

@media(max-width:900px){

  .website-v2
  .ca-v2-global-theme-toggle{
    order:1;
  }

}


@media(max-width:760px){

  .website-v2
  .ca-v2-global-theme-toggle button{
    min-height:32px;

    padding:
      0 8px;

    font-size:8px;
  }

}


@media(max-width:560px){

  .website-v2
  .ca-v2-global-theme-toggle{
    display:none;
  }

}


/* ==========================================================
   END V20.47.4
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.5
   TRADES EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-trades{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(110px,10vw,170px)
    0
    clamp(110px,10vw,170px);

  color:#f7fbfd;

  background:
    linear-gradient(
      180deg,
      #061722 0%,
      #071c29 48%,
      #061722 100%
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease,
    border-color .45s ease;
}


.website-v2 .ca-v2-trades-grid{
  position:absolute;
  inset:0;
  z-index:-3;

  opacity:.32;

  background-image:
    linear-gradient(
      rgba(255,255,255,.022) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.022) 1px,
      transparent 1px
    );

  background-size:
    82px 82px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 14%,
      #000 82%,
      transparent
    );
}


.website-v2 .ca-v2-trades-glow{
  position:absolute;

  width:760px;
  height:760px;

  left:50%;
  top:8%;

  z-index:-2;

  transform:
    translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(16,146,211,.105),
      rgba(16,146,211,.025) 42%,
      transparent 70%
    );

  filter:blur(8px);
}


/* ==========================================================
   HEAD
   ========================================================== */

.website-v2 .ca-v2-trades-head{
  display:grid;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(300px,.7fr);

  align-items:end;

  gap:
    clamp(60px,9vw,150px);

  margin-bottom:
    clamp(58px,6vw,90px);
}


.website-v2 .ca-v2-section-kicker{
  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:20px;

  color:#69c5f2;

  font-size:11px;
  line-height:1;
  font-weight:900;

  letter-spacing:.14em;
}


.website-v2 .ca-v2-section-kicker i{
  width:7px;
  height:7px;

  flex:0 0 auto;

  border-radius:50%;

  background:#29df9a;

  box-shadow:
    0 0 12px
    rgba(41,223,154,.45);
}


.website-v2 .ca-v2-trades-heading h2{
  max-width:760px;

  margin:0;

  color:#fff;

  font-size:
    clamp(50px,5.4vw,86px);

  line-height:.95;

  letter-spacing:-.055em;

  font-weight:900;
}


.website-v2 .ca-v2-trades-heading h2 span{
  color:#6dc2eb;
}


.website-v2 .ca-v2-trades-intro{
  padding-bottom:5px;
}


.website-v2 .ca-v2-trades-intro > p{
  max-width:510px;

  margin:
    0 0 28px;

  color:#91a9b7;

  font-size:
    clamp(16px,1.2vw,19px);

  line-height:1.75;
}


.website-v2 .ca-v2-trades-meta{
  display:flex;
  flex-wrap:wrap;

  align-items:center;

  gap:
    12px 24px;

  color:#637f8f;

  font-size:11px;
  font-weight:800;

  letter-spacing:.035em;
}


.website-v2 .ca-v2-trades-meta span:first-child{
  display:flex;
  align-items:center;
  gap:7px;

  color:#a9bfca;
}


.website-v2 .ca-v2-trades-meta i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#28dc99;

  box-shadow:
    0 0 9px
    rgba(40,220,153,.45);
}


/* ==========================================================
   PRIMARY TRADES
   ========================================================== */

.website-v2 .ca-v2-trades-primary{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:16px;

  margin-bottom:16px;
}


.website-v2 .ca-v2-trade-card{
  text-decoration:none;
}


.website-v2 .ca-v2-trade-card-primary{
  position:relative;

  min-height:500px;

  display:flex;
  flex-direction:column;

  padding:
    clamp(26px,2.4vw,38px);

  overflow:hidden;

  color:#f7fbfd;

  border:
    1px solid
    rgba(112,194,235,.18);

  border-radius:26px;

  background:
    linear-gradient(
      145deg,
      rgba(17,52,71,.92),
      rgba(8,35,50,.96)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025),
    0 20px 60px
    rgba(0,0,0,.10);

  transition:
    transform .3s cubic-bezier(.2,.8,.2,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease;
}


.website-v2
.ca-v2-trade-card-primary::before{
  content:"";

  position:absolute;

  width:300px;
  height:300px;

  right:-130px;
  top:-130px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(25,158,221,.16),
      transparent 68%
    );

  pointer-events:none;
}


.website-v2
.ca-v2-trade-card-primary::after{
  content:"";

  position:absolute;

  left:0;
  right:0;
  top:0;

  height:2px;

  opacity:.75;

  background:
    linear-gradient(
      90deg,
      #1496d4,
      #64c9ef,
      transparent 82%
    );
}


@media(hover:hover){

  .website-v2
  .ca-v2-trade-card-primary:hover{
    transform:
      translateY(-7px);

    border-color:
      rgba(76,185,237,.43);

    background:
      linear-gradient(
        145deg,
        rgba(20,61,82,.97),
        rgba(8,37,53,.99)
      );

    box-shadow:
      0 30px 70px
      rgba(0,0,0,.19),
      0 0 40px
      rgba(21,139,199,.055);
  }

}


.website-v2 .ca-v2-trade-card-top{
  position:relative;
  z-index:1;

  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  margin-bottom:
    clamp(54px,5vw,78px);
}


.website-v2 .ca-v2-trade-number{
  color:#53798d;

  font-size:11px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-trade-icon{
  width:54px;
  height:54px;

  display:grid;
  place-items:center;

  flex:0 0 auto;

  border-radius:16px;

  color:#fff;

  background:
    rgba(19,126,181,.16);

  border:
    1px solid
    rgba(67,178,231,.20);

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.035);

  font-size:23px;
}


.website-v2 .ca-v2-trade-card-copy{
  position:relative;
  z-index:1;
}


.website-v2 .ca-v2-trade-label{
  display:block;

  margin-bottom:13px;

  color:#65c2ee;

  font-size:10px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2
.ca-v2-trade-card-primary h3{
  margin:
    0 0 19px;

  color:#f9fcfd;

  font-size:
    clamp(29px,2.25vw,38px);

  line-height:1.03;

  letter-spacing:-.04em;

  font-weight:900;
}


.website-v2
.ca-v2-trade-card-primary h3 span{
  color:#91aeba;
}


.website-v2
.ca-v2-trade-card-primary p{
  max-width:390px;

  margin:0;

  color:#819ba9;

  font-size:14px;

  line-height:1.7;
}


.website-v2 .ca-v2-trade-services{
  position:relative;
  z-index:1;

  display:flex;
  flex-wrap:wrap;

  gap:7px;

  margin:
    auto 0 27px;

  padding-top:35px;
}


.website-v2 .ca-v2-trade-services span{
  padding:
    7px 10px;

  color:#7795a5;

  border:
    1px solid
    rgba(109,175,208,.13);

  border-radius:999px;

  background:
    rgba(255,255,255,.025);

  font-size:9px;

  font-weight:800;
}


.website-v2 .ca-v2-trade-footer{
  position:relative;
  z-index:1;

  display:flex;

  align-items:center;
  justify-content:space-between;

  padding-top:21px;

  border-top:
    1px solid
    rgba(255,255,255,.07);

  color:#8da8b5;

  font-size:11px;

  font-weight:800;
}


.website-v2 .ca-v2-trade-footer strong{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#77cef3;

  background:
    rgba(22,145,204,.12);

  transition:
    transform .25s ease,
    background .25s ease;
}


@media(hover:hover){

  .website-v2
  .ca-v2-trade-card-primary:hover
  .ca-v2-trade-footer strong{
    transform:
      translateX(4px);

    background:
      rgba(22,145,204,.20);
  }

}


/* ==========================================================
   SECONDARY TRADES
   ========================================================== */

.website-v2 .ca-v2-trades-secondary{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:12px;
}


.website-v2 .ca-v2-trade-mini{
  min-height:285px;

  display:flex;
  flex-direction:column;

  padding:27px;

  text-decoration:none;

  color:#f7fbfd;

  border:
    1px solid
    rgba(113,182,214,.12);

  border-radius:21px;

  background:
    rgba(13,43,58,.68);

  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}


@media(hover:hover){

  .website-v2
  .ca-v2-trade-mini:hover{
    transform:
      translateY(-5px);

    border-color:
      rgba(74,178,226,.32);

    background:
      rgba(16,52,70,.88);

    box-shadow:
      0 20px 45px
      rgba(0,0,0,.10);
  }

}


.website-v2 .ca-v2-trade-mini-top{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  margin-bottom:33px;
}


.website-v2
.ca-v2-trade-mini
.ca-v2-trade-icon{
  width:44px;
  height:44px;

  border-radius:13px;

  font-size:18px;
}


.website-v2 .ca-v2-trade-mini h3{
  margin:
    0 0 11px;

  color:#f6fafc;

  font-size:20px;

  line-height:1.12;

  letter-spacing:-.025em;

  font-weight:850;
}


.website-v2 .ca-v2-trade-mini p{
  margin:0;

  color:#7893a1;

  font-size:12px;

  line-height:1.6;
}


.website-v2 .ca-v2-trade-mini-link{
  display:flex;

  align-items:center;
  justify-content:space-between;

  margin-top:auto;

  padding-top:22px;

  color:#7897a7;

  border-top:
    1px solid
    rgba(255,255,255,.055);

  font-size:10px;

  font-weight:850;
}


.website-v2 .ca-v2-trade-mini-link b{
  color:#0A56B4;

  font-size:15px;

  transition:
    transform .25s ease;
}


@media(hover:hover){

  .website-v2
  .ca-v2-trade-mini:hover
  .ca-v2-trade-mini-link b{
    transform:
      translateX(4px);
  }

}


/* ==========================================================
   ROADMAP
   ========================================================== */

.website-v2 .ca-v2-trades-roadmap{
  display:grid;

  grid-template-columns:
    auto minmax(0,1fr) auto;

  align-items:center;

  gap:24px;

  margin-top:16px;

  padding:
    24px 28px;

  border:
    1px dashed
    rgba(106,179,213,.20);

  border-radius:20px;

  background:
    rgba(8,31,43,.40);
}


.website-v2 .ca-v2-trades-roadmap-mark{
  width:52px;
  height:52px;

  display:grid;
  place-items:center;

  border-radius:15px;

  color:#0A56B4;

  border:
    1px solid
    rgba(82,181,227,.20);

  background:
    rgba(18,123,173,.10);

  font-size:25px;
  font-weight:400;
}


.website-v2
.ca-v2-trades-roadmap-copy
.ca-v2-trade-label{
  margin-bottom:5px;
}


.website-v2
.ca-v2-trades-roadmap-copy h3{
  margin:
    0 0 4px;

  color:#f5fafc;

  font-size:18px;

  letter-spacing:-.02em;
}


.website-v2
.ca-v2-trades-roadmap-copy p{
  margin:0;

  color:#718d9c;

  font-size:12px;
}


.website-v2 .ca-v2-trades-roadmap-link{
  display:flex;

  align-items:center;

  gap:20px;

  min-height:46px;

  padding:
    0 17px;

  border-radius:12px;

  text-decoration:none;

  color:#b7d4e1;

  border:
    1px solid
    rgba(102,177,212,.16);

  background:
    rgba(255,255,255,.025);

  font-size:11px;

  font-weight:850;

  transition:
    background .25s ease,
    border-color .25s ease,
    color .25s ease;
}


.website-v2
.ca-v2-trades-roadmap-link span{
  color:#0A56B4;
}


@media(hover:hover){

  .website-v2
  .ca-v2-trades-roadmap-link:hover{
    color:#fff;

    border-color:
      rgba(73,182,232,.35);

    background:
      rgba(21,133,186,.10);
  }

}


/* ==========================================================
   CLASSIC THEME
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-trades{
  color:#17394d;

  background:
    linear-gradient(
      180deg,
      #f7fafb 0%,
      #edf5f8 48%,
      #f8fafb 100%
    );

  border-top-color:
    #dce8ed;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-grid{
  opacity:.52;

  background-image:
    linear-gradient(
      rgba(28,84,113,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,84,113,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-glow{
  background:
    radial-gradient(
      circle,
      rgba(27,154,213,.11),
      transparent 69%
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-heading h2{
  color:#123448;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-heading h2 span{
  color:#158bca;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-intro > p{
  color:#617c8b;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-meta{
  color:#8297a2;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-meta span:first-child{
  color:#547080;
}


/* PRIMARY */

html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-card-primary{
  color:#17394d;

  border-color:#d2e2e9;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(238,247,250,.98)
    );

  box-shadow:
    0 22px 55px
    rgba(27,74,99,.08),
    inset 0 1px 0 #fff;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-card-primary::before{
  background:
    radial-gradient(
      circle,
      rgba(29,154,215,.11),
      transparent 68%
    );
}


@media(hover:hover){

  html[data-site-theme="classic"]
  .website-v2
  .ca-v2-trade-card-primary:hover{
    border-color:#a9d4e7;

    background:
      linear-gradient(
        145deg,
        #fff,
        #e8f5fa
      );

    box-shadow:
      0 30px 65px
      rgba(29,81,108,.12);
  }

}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-number{
  color:#91a5af;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-icon{
  color:#17394d;

  background:#e7f5fb;

  border-color:#c9e6f3;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-card-primary h3{
  color:#15384d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-card-primary h3 span{
  color:#718995;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-card-primary p{
  color:#617a87;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-services span{
  color:#5d7887;

  border-color:#d5e6ed;

  background:
    rgba(255,255,255,.72);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-footer{
  color:#587585;

  border-top-color:#d9e6ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-footer strong{
  color:#1689c7;

  background:#e5f4fb;
}


/* SECONDARY */

html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-mini{
  color:#17394d;

  border-color:#d7e5eb;

  background:
    rgba(255,255,255,.78);

  box-shadow:
    0 16px 42px
    rgba(27,70,94,.045);
}


@media(hover:hover){

  html[data-site-theme="classic"]
  .website-v2
  .ca-v2-trade-mini:hover{
    border-color:#b8dbe9;

    background:#fff;

    box-shadow:
      0 22px 50px
      rgba(28,78,103,.09);
  }

}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-mini h3{
  color:#17394d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-mini p{
  color:#667f8c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-mini-link{
  color:#64808f;

  border-top-color:#dce8ed;
}


/* ROADMAP */

html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-roadmap{
  border-color:#c9dfe9;

  background:
    rgba(255,255,255,.48);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-roadmap-mark{
  color:#1588c6;

  border-color:#c9e3ef;

  background:#e8f5fa;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-roadmap-copy h3{
  color:#17394d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-roadmap-copy p{
  color:#6a818d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trades-roadmap-link{
  color:#315d73;

  border-color:#d0e1e8;

  background:#fff;

  box-shadow:
    0 8px 22px
    rgba(29,74,98,.05);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1100px){

  .website-v2 .ca-v2-trades-primary{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .website-v2
  .ca-v2-trade-card-primary:nth-child(3){
    grid-column:
      1 / -1;

    min-height:420px;
  }

  .website-v2 .ca-v2-trades-secondary{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:800px){

  .website-v2 .ca-v2-trades-head{
    grid-template-columns:1fr;

    gap:28px;
  }

  .website-v2 .ca-v2-trades-intro{
    max-width:600px;
  }

  .website-v2 .ca-v2-trades-primary{
    grid-template-columns:1fr;
  }

  .website-v2
  .ca-v2-trade-card-primary:nth-child(3){
    grid-column:auto;
  }

  .website-v2 .ca-v2-trade-card-primary{
    min-height:430px;
  }

  .website-v2 .ca-v2-trades-roadmap{
    grid-template-columns:
      auto minmax(0,1fr);
  }

  .website-v2 .ca-v2-trades-roadmap-link{
    grid-column:
      1 / -1;

    justify-content:space-between;
  }

}


@media(max-width:560px){

  .website-v2 .ca-v2-trades{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-trades-heading h2{
    font-size:
      clamp(45px,14vw,62px);
  }

  .website-v2 .ca-v2-trades-secondary{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-trade-card-primary{
    min-height:400px;

    padding:25px;
  }

  .website-v2 .ca-v2-trade-card-top{
    margin-bottom:48px;
  }

  .website-v2 .ca-v2-trade-mini{
    min-height:250px;
  }

  .website-v2 .ca-v2-trades-roadmap{
    grid-template-columns:1fr;

    padding:24px;
  }

  .website-v2 .ca-v2-trades-roadmap-mark{
    width:46px;
    height:46px;
  }

}


/* ==========================================================
   END V20.47.5
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.5A
   TRADES READABILITY POLISH
   ========================================================== */


/* Große Gewerke – Beschreibung heller */

.website-v2
.ca-v2-trade-card-primary p{
  color:#9eb4bf !important;
}


/* Service-Chips heller / klarer */

.website-v2
.ca-v2-trade-services span{
  color:#9bb5c2 !important;

  border-color:
    rgba(118,190,225,.20) !important;

  background:
    rgba(255,255,255,.035) !important;
}


/* Footer-Text etwas präsenter */

.website-v2
.ca-v2-trade-footer{
  color:#a7bdc8 !important;
}


/* Kleine Gewerke – Beschreibung heller */

.website-v2
.ca-v2-trade-mini p{
  color:#98afbb !important;
}


/* Kleine Gewerke – Link klarer */

.website-v2
.ca-v2-trade-mini-link{
  color:#93afbd !important;
}


/* Meta oben */

.website-v2
.ca-v2-trades-meta{
  color:#829dab !important;
}


/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-card-primary p{
  color:#587483 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-services span{
  color:#557483 !important;

  border-color:#c9dfe8 !important;

  background:
    rgba(255,255,255,.88) !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-footer{
  color:#4f7080 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-mini p{
  color:#5f7885 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-trade-mini-link{
  color:#587786 !important;
}


/* ==========================================================
   END V20.47.5A
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.5B
   LEGACY PERSONALIZATION VISIBILITY BRIDGE
   ========================================================== */


/* ==========================================================
   MODERN
   ========================================================== */

html[data-site-theme="modern"]
.website-v2
.personalization-section{
  background:
    linear-gradient(
      180deg,
      #061722 0%,
      #081d2a 100%
    ) !important;

  color:#f4f9fc !important;
}


/* Überschrift */

html[data-site-theme="modern"]
.website-v2
.personalization-section
.section-heading .eyebrow{
  color:#58bdec !important;

  opacity:1 !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.section-heading h2{
  color:#ffffff !important;

  opacity:1 !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.section-heading > p{
  color:#9bb0bc !important;

  opacity:1 !important;
}


/* Punkte links */

html[data-site-theme="modern"]
.website-v2
.personalization-section
.personalization-points article{
  border-color:
    rgba(255,255,255,.10) !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.personalization-points article > span{
  color:#168fd0 !important;

  background:#eaf6fc !important;

  border-color:
    rgba(75,169,218,.24) !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.personalization-points h3{
  color:#ffffff !important;

  opacity:1 !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.personalization-points p{
  color:#9bb0bc !important;

  opacity:1 !important;
}


/* Vorschaukarten rechts */

html[data-site-theme="modern"]
.website-v2
.personalization-section
.tenant-preview-card{
  border-color:
    rgba(93,174,217,.20) !important;

  box-shadow:
    0 24px 65px rgba(0,0,0,.22) !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.tenant-preview-top{
  background:#f8fbfc !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.tenant-preview-top strong{
  color:#17394d !important;
}


html[data-site-theme="modern"]
.website-v2
.personalization-section
.tenant-preview-top span{
  color:#6d8390 !important;
}


/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.personalization-section{
  background:
    linear-gradient(
      180deg,
      #f7fafb,
      #edf5f8
    ) !important;

  color:#17394d !important;
}


html[data-site-theme="classic"]
.website-v2
.personalization-section
.section-heading h2{
  color:#15384c !important;
}


html[data-site-theme="classic"]
.website-v2
.personalization-section
.section-heading > p{
  color:#617987 !important;
}


html[data-site-theme="classic"]
.website-v2
.personalization-section
.personalization-points h3{
  color:#17394d !important;
}


html[data-site-theme="classic"]
.website-v2
.personalization-section
.personalization-points p{
  color:#637d8a !important;
}


/* ==========================================================
   END V20.47.5B
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.6
   INDIVIDUALISIERUNG EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-personalize{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(110px,10vw,165px)
    0;

  color:#edf7fb;

  background:
    linear-gradient(
      180deg,
      #071722,
      #091f2d 50%,
      #071722
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-personalize-grid-bg{
  position:absolute;
  inset:0;
  z-index:-3;

  opacity:.28;

  background-image:
    linear-gradient(
      rgba(255,255,255,.021) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.021) 1px,
      transparent 1px
    );

  background-size:
    72px 72px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 15%,
      #000 82%,
      transparent
    );
}


.website-v2 .ca-v2-personalize-glow{
  position:absolute;

  width:850px;
  height:650px;

  right:-270px;
  top:220px;

  z-index:-2;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(24,143,207,.13),
      transparent 68%
    );
}


/* ==========================================================
   HEAD
   ========================================================== */

.website-v2 .ca-v2-personalize-head{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(300px,.68fr);

  align-items:end;

  gap:
    clamp(60px,9vw,150px);

  margin-bottom:
    clamp(56px,6vw,90px);
}


.website-v2 .ca-v2-personalize-head h2{
  max-width:770px;

  margin:0;

  color:#fff;

  font-size:
    clamp(50px,5.1vw,82px);

  line-height:.95;

  letter-spacing:-.055em;

  font-weight:900;
}


.website-v2 .ca-v2-personalize-head h2 span{
  display:block;

  color:#6cc2eb;
}


.website-v2 .ca-v2-personalize-head > p{
  max-width:500px;

  margin:0;

  color:#92a8b4;

  font-size:
    clamp(15px,1.15vw,18px);

  line-height:1.75;
}


/* ==========================================================
   MAIN STAGE
   ========================================================== */

.website-v2 .ca-v2-personalize-stage{
  display:grid;

  grid-template-columns:
    minmax(370px,.78fr)
    minmax(0,1.22fr);

  gap:18px;
}


/* ==========================================================
   CONFIG
   ========================================================== */

.website-v2 .ca-v2-personalize-config{
  overflow:hidden;

  border:
    1px solid rgba(104,184,221,.17);

  border-radius:25px;

  background:
    linear-gradient(
      145deg,
      rgba(18,52,69,.91),
      rgba(8,33,47,.96)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025),
    0 25px 65px
    rgba(0,0,0,.10);
}


.website-v2 .ca-v2-personalize-config-head{
  padding:
    29px 30px;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-personalize-config-head > span{
  display:block;

  margin-bottom:7px;

  color:#63c3ee;

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;
}


.website-v2 .ca-v2-personalize-config-head > strong{
  display:block;

  color:#f4f9fb;

  font-size:22px;

  line-height:1.15;
}


.website-v2 .ca-v2-personalize-config-head em{
  color:#7bbbd9;
  font-style:normal;
}


.website-v2 .ca-v2-personalize-steps article{
  min-height:128px;

  display:grid;

  grid-template-columns:
    48px minmax(0,1fr) auto;

  align-items:center;

  gap:18px;

  padding:
    21px 28px;

  border-bottom:
    1px solid rgba(255,255,255,.065);
}


.website-v2 .ca-v2-personalize-steps article:last-child{
  border-bottom:0;
}


.website-v2 .ca-v2-personalize-number{
  width:43px;
  height:43px;

  display:grid;
  place-items:center;

  border-radius:13px;

  color:#82d0f2;

  background:
    rgba(22,134,190,.13);

  border:
    1px solid rgba(77,179,224,.18);

  font-size:10px;

  font-weight:900;
}


.website-v2 .ca-v2-personalize-step-copy small{
  display:block;

  margin-bottom:5px;

  color:#4e9ec8;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-personalize-step-copy h3{
  margin:
    0 0 6px;

  color:#f7fbfd;

  font-size:18px;

  line-height:1.1;
}


.website-v2 .ca-v2-personalize-step-copy p{
  max-width:360px;

  margin:0;

  color:#8da5b2;

  font-size:11px;

  line-height:1.55;
}


/* demo logo */

.website-v2 .ca-v2-personalize-demo-mark{
  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  border-radius:14px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      #0878bc,
      #1596d3
    );

  font-size:11px;
  font-weight:900;
}


/* colors */

.website-v2 .ca-v2-personalize-swatches{
  display:flex;
  align-items:center;
}


.website-v2 .ca-v2-personalize-swatches i{
  width:27px;
  height:27px;

  margin-left:-6px;

  border-radius:50%;

  border:
    3px solid #0c2737;
}


.website-v2 .ca-v2-personalize-swatches i:first-child{
  margin-left:0;
  background:#0b75b7;
}


.website-v2 .ca-v2-personalize-swatches i:nth-child(2){
  background:#61bce7;
}


.website-v2 .ca-v2-personalize-swatches i:nth-child(3){
  background:#edf6fa;
}


/* avatar */

.website-v2 .ca-v2-personalize-avatar-mini{
  width:50px;
  height:50px;

  overflow:hidden;

  border-radius:14px;

  border:
    1px solid rgba(91,181,224,.20);

  background:#dbeaf2;
}


.website-v2 .ca-v2-personalize-avatar-mini img{
  width:100%;
  height:100%;

  object-fit:cover;
}


/* modules */

.website-v2 .ca-v2-personalize-module-stack{
  display:flex;

  gap:5px;
}


.website-v2 .ca-v2-personalize-module-stack span{
  padding:
    6px 8px;

  border-radius:999px;

  color:#8fb0c0;

  border:
    1px solid rgba(106,180,214,.15);

  background:
    rgba(255,255,255,.025);

  font-size:7px;

  font-weight:800;
}


/* ==========================================================
   RESULT
   ========================================================== */

.website-v2 .ca-v2-personalize-result{
  position:relative;

  min-height:650px;

  padding:
    30px;

  overflow:hidden;

  border:
    1px solid rgba(100,182,222,.17);

  border-radius:25px;

  background:
    linear-gradient(
      145deg,
      rgba(13,44,60,.88),
      rgba(7,29,42,.96)
    );

  box-shadow:
    0 28px 70px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.025);
}


.website-v2 .ca-v2-personalize-result::before{
  content:"";

  position:absolute;

  width:500px;
  height:500px;

  right:-150px;
  bottom:-230px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(19,142,204,.17),
      transparent 68%
    );
}


.website-v2 .ca-v2-personalize-result-label{
  position:relative;
  z-index:4;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  margin-bottom:25px;
}


.website-v2 .ca-v2-personalize-result-label > span{
  display:flex;

  align-items:center;

  gap:7px;

  color:#68c7ef;

  font-size:8px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-personalize-result-label i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2add96;

  box-shadow:
    0 0 9px
    rgba(42,221,150,.45);
}


.website-v2 .ca-v2-personalize-result-label small{
  color:#718c9a;

  font-size:8px;
}


/* ==========================================================
   PREVIEW STACK
   ========================================================== */

.website-v2 .ca-v2-personalize-preview-stack{
  position:relative;

  z-index:2;

  min-height:520px;
}


.website-v2 .ca-v2-personalize-preview{
  position:absolute;

  overflow:hidden;

  width:74%;

  border-radius:21px;

  background:#fff;

  border:
    1px solid rgba(255,255,255,.20);

  box-shadow:
    0 30px 70px rgba(0,0,0,.25);

  transition:
    transform .3s ease;
}


.website-v2 .ca-v2-personalize-preview.is-shk{
  left:3%;
  top:10px;

  z-index:1;

  transform:
    rotate(-2deg);
}


.website-v2 .ca-v2-personalize-preview.is-elektro{
  right:1%;
  top:205px;

  z-index:2;

  transform:
    rotate(1.5deg);
}


@media(hover:hover){

  .website-v2
  .ca-v2-personalize-preview.is-shk:hover{
    transform:
      rotate(-1deg)
      translateY(-4px);
  }

  .website-v2
  .ca-v2-personalize-preview.is-elektro:hover{
    transform:
      rotate(.5deg)
      translateY(-4px);
  }

}


.website-v2 .ca-v2-personalize-preview header{
  height:73px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  padding:
    0 19px;

  background:#f8fafb;

  border-bottom:
    1px solid #e2e9ed;
}


.website-v2 .ca-v2-preview-company{
  display:flex;

  align-items:center;

  gap:10px;
}


.website-v2 .ca-v2-preview-company > span{
  width:39px;
  height:39px;

  display:grid;
  place-items:center;

  border-radius:10px;

  color:#fff;

  background:#0a75b5;

  font-size:9px;
  font-weight:900;
}


.website-v2
.ca-v2-personalize-preview.is-elektro
.ca-v2-preview-company > span{
  background:#cd202b;
}


.website-v2 .ca-v2-preview-company strong,
.website-v2 .ca-v2-preview-company small{
  display:block;
}


.website-v2 .ca-v2-preview-company strong{
  color:#18374a;

  font-size:10px;
}


.website-v2 .ca-v2-preview-company small{
  margin-top:2px;

  color:#728895;

  font-size:7px;
}


.website-v2 .ca-v2-preview-type{
  color:#79909c;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


/* preview body */

.website-v2 .ca-v2-preview-body{
  position:relative;

  min-height:270px;

  overflow:hidden;

  padding:
    33px 27px;

  color:#fff;
}


.website-v2
.ca-v2-personalize-preview.is-shk
.ca-v2-preview-body{
  background:
    linear-gradient(
      135deg,
      #096fae,
      #168cc7
    );
}


.website-v2
.ca-v2-personalize-preview.is-elektro
.ca-v2-preview-body{
  background:
    linear-gradient(
      135deg,
      #b61721,
      #dc2b36
    );
}


.website-v2 .ca-v2-preview-copy{
  position:relative;

  z-index:3;

  max-width:55%;
}


.website-v2 .ca-v2-preview-copy > small{
  display:block;

  margin-bottom:10px;

  color:
    rgba(255,255,255,.75);

  font-size:7px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-preview-copy h3{
  margin:0;

  color:#fff;

  font-size:35px;

  line-height:.95;

  letter-spacing:-.045em;
}


.website-v2 .ca-v2-preview-copy > strong{
  display:block;

  margin-top:7px;

  color:
    rgba(255,255,255,.82);

  font-size:10px;
}


.website-v2 .ca-v2-preview-modules{
  display:flex;
  flex-wrap:wrap;

  gap:5px;

  margin-top:23px;
}


.website-v2 .ca-v2-preview-modules span{
  padding:
    5px 8px;

  border-radius:999px;

  color:
    rgba(255,255,255,.82);

  border:
    1px solid
    rgba(255,255,255,.15);

  background:
    rgba(0,0,0,.08);

  font-size:6px;

  font-weight:800;
}


.website-v2 .ca-v2-preview-body > img{
  position:absolute;

  z-index:2;

  width:42%;

  max-width:none;

  right:3%;

  bottom:-7px;

  display:block;
}


/* ==========================================================
   RESULT FOOTER
   ========================================================== */

.website-v2 .ca-v2-personalize-result-footer{
  position:absolute;

  z-index:5;

  left:30px;
  right:30px;
  bottom:26px;

  display:flex;

  align-items:center;

  gap:12px;

  padding:
    13px 16px;

  border-radius:13px;

  color:#7f9aa8;

  border:
    1px solid rgba(255,255,255,.08);

  background:
    rgba(5,25,37,.72);

  backdrop-filter:
    blur(16px);

  font-size:8px;

  font-weight:800;
}


.website-v2 .ca-v2-personalize-result-footer i{
  flex:1;

  max-width:50px;
  height:1px;

  background:
    rgba(97,174,210,.20);
}


.website-v2 .ca-v2-personalize-result-footer strong{
  margin-left:auto;

  color:#69c8ef;

  font-size:9px;
}


/* ==========================================================
   BOTTOM
   ========================================================== */

.website-v2 .ca-v2-personalize-bottom{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  align-items:center;

  gap:60px;

  margin-top:32px;

  padding:
    29px 32px;

  border-top:
    1px solid rgba(255,255,255,.075);

  border-bottom:
    1px solid rgba(255,255,255,.075);
}


.website-v2 .ca-v2-personalize-bottom p{
  margin:0;

  color:#829aa7;

  font-size:13px;
}


.website-v2 .ca-v2-personalize-bottom strong{
  color:#fff;

  font-size:
    clamp(18px,1.6vw,25px);

  line-height:1.25;

  letter-spacing:-.02em;
}


/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize{
  color:#17394c;

  background:
    linear-gradient(
      180deg,
      #f7fafb,
      #edf5f8 50%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-grid-bg{
  opacity:.5;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-head h2{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-head h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-head > p{
  color:#617987;
}


/* config */

html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-config{
  border-color:#d3e2e9;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eef6f9
    );

  box-shadow:
    0 22px 55px
    rgba(28,74,98,.08);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-config-head{
  border-bottom-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-config-head > strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-config-head em{
  color:#1687c4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-steps article{
  border-bottom-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-number{
  color:#1688c6;

  background:#e8f5fa;

  border-color:#cce6f1;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-step-copy h3{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-step-copy p{
  color:#637c89;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-module-stack span{
  color:#587787;

  border-color:#cee0e8;

  background:#fff;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-swatches i{
  border-color:#f3f8fa;
}


/* result */

html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-result{
  border-color:#d2e2e9;

  background:
    linear-gradient(
      145deg,
      #eef6f9,
      #ffffff
    );

  box-shadow:
    0 25px 60px
    rgba(26,72,97,.08);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-result-label small{
  color:#6a818e;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-result-footer{
  color:#63808f;

  border-color:#d1e1e8;

  background:
    rgba(255,255,255,.90);

  box-shadow:
    0 12px 30px
    rgba(29,74,98,.08);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-bottom{
  border-color:
    rgba(28,72,96,.12);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-bottom p{
  color:#667f8c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-bottom strong{
  color:#17394c;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1050px){

  .website-v2 .ca-v2-personalize-stage{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-personalize-result{
    min-height:680px;
  }

}


@media(max-width:800px){

  .website-v2 .ca-v2-personalize-head{
    grid-template-columns:1fr;

    gap:25px;
  }

  .website-v2 .ca-v2-personalize-preview{
    width:82%;
  }

}


@media(max-width:620px){

  .website-v2 .ca-v2-personalize{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-personalize-steps article{
    grid-template-columns:
      44px 1fr;

    padding:
      20px;
  }

  .website-v2 .ca-v2-personalize-steps article > *:last-child{
    grid-column:2;
  }

  .website-v2 .ca-v2-personalize-result{
    min-height:auto;

    padding:20px;
  }

  .website-v2 .ca-v2-personalize-preview-stack{
    min-height:auto;

    display:grid;

    gap:15px;
  }

  .website-v2 .ca-v2-personalize-preview{
    position:relative;

    width:100%;

    inset:auto !important;

    transform:none !important;
  }

  .website-v2 .ca-v2-personalize-result-footer{
    position:relative;

    left:auto;
    right:auto;
    bottom:auto;

    margin-top:18px;

    flex-wrap:wrap;
  }

  .website-v2 .ca-v2-personalize-bottom{
    grid-template-columns:1fr;

    gap:10px;
  }

}


/* ==========================================================
   END V20.47.6
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.6A
   PERSONALIZATION POLISH
   ========================================================== */


/* ==========================================================
   FARBEN-HINWEIS
   ========================================================== */

.website-v2 .ca-v2-personalize-classic-note{
  display:inline-flex;

  align-items:center;

  margin-top:8px;

  padding:
    5px 8px;

  border-radius:999px;

  color:#83cbed;

  border:
    1px solid rgba(86,179,222,.20);

  background:
    rgba(20,126,178,.10);

  font-size:8px;

  font-weight:850;

  letter-spacing:.035em;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-classic-note{
  color:#167fb8;

  border-color:#c8e2ee;

  background:#eaf6fb;
}


/* ==========================================================
   AVATARE – KÖPFE KOMPLETT SICHTBAR
   ========================================================== */

/*
   Nicht mehr über die Breite skalieren.
   Stattdessen wird die Figur über ihre Höhe
   sauber innerhalb der farbigen Fläche gehalten.
*/

.website-v2
.ca-v2-preview-body
> img{
  position:absolute !important;

  z-index:2;

  width:auto !important;
  height:88% !important;

  max-width:43% !important;
  max-height:88% !important;

  right:4% !important;
  bottom:-2px !important;
  top:auto !important;

  display:block;

  object-fit:contain;
  object-position:center bottom;
}


/* Stefan darf minimal größer wirken */

.website-v2
.ca-v2-personalize-preview.is-shk
.ca-v2-preview-body
> img{
  height:86% !important;

  right:4% !important;

  bottom:-1px !important;
}


/* Martin hat einen etwas anderen Bildschnitt */

.website-v2
.ca-v2-personalize-preview.is-elektro
.ca-v2-preview-body
> img{
  height:84% !important;

  right:3% !important;

  bottom:-1px !important;
}


/* ==========================================================
   MIKRO-TYPOGRAFIE – BESSER LESBAR
   ========================================================== */

.website-v2
.ca-v2-personalize-step-copy small{
  font-size:8px !important;
}


.website-v2
.ca-v2-personalize-step-copy p{
  font-size:12px !important;

  line-height:1.55 !important;

  color:#9ab0bb !important;
}


.website-v2
.ca-v2-preview-company strong{
  font-size:11px !important;
}


.website-v2
.ca-v2-preview-company small{
  font-size:8px !important;
}


.website-v2
.ca-v2-preview-type{
  font-size:8px !important;
}


.website-v2
.ca-v2-preview-copy > small{
  font-size:8px !important;
}


.website-v2
.ca-v2-preview-copy > strong{
  font-size:11px !important;
}


.website-v2
.ca-v2-preview-modules span{
  font-size:7px !important;

  padding:
    6px 9px !important;
}


.website-v2
.ca-v2-personalize-result-label > span{
  font-size:9px !important;
}


.website-v2
.ca-v2-personalize-result-label small{
  font-size:9px !important;
}


.website-v2
.ca-v2-personalize-result-footer{
  font-size:9px !important;
}


.website-v2
.ca-v2-personalize-result-footer strong{
  font-size:10px !important;
}


/* Classic ebenfalls ausreichend Kontrast */

html[data-site-theme="classic"]
.website-v2
.ca-v2-personalize-step-copy p{
  color:#607986 !important;
}


/* ==========================================================
   GLOBAL WIDGET SAFE ZONES
   ========================================================== */

/*
   Auf großen visuellen Produkt-Stages soll das
   aufgeklappte Beratungs-Widget den Inhalt nicht verdecken.

   landing.js setzt diese Body-Class automatisch,
   sobald eine solche Stage sichtbar ist.
*/

.website-v2.ca-v2-widget-safe-zone
#werkagent-widget{
  opacity:0 !important;

  visibility:hidden !important;

  pointer-events:none !important;

  transform:
    translateY(16px) !important;
}


.website-v2
#werkagent-widget{
  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .28s ease !important;
}


/* ==========================================================
   MOBILE AVATARS
   ========================================================== */

@media(max-width:620px){

  .website-v2
  .ca-v2-preview-body
  > img{
    height:82% !important;

    max-width:46% !important;

    right:2% !important;
  }

}


/* ==========================================================
   END V20.47.6A
   ========================================================== */


/* =========================================================
   CRAFTAGENT V20.47.7
   LIVE DEMO EXPERIENCE
   ========================================================= */

.ca-v2-demo{
  position:relative;
  overflow:hidden;
  padding:150px 0 160px;
  background:
    radial-gradient(circle at 68% 42%,rgba(21,148,213,.12),transparent 34%),
    #061c29;
}

.ca-v2-demo-grid-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(112,193,232,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,193,232,.08) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);
}

.ca-v2-demo-glow{
  position:absolute;
  width:700px;
  height:700px;
  right:-200px;
  top:180px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(25,155,218,.08);
  filter:blur(110px);
}

.ca-v2-demo-head{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);
  gap:90px;
  align-items:end;
  margin-bottom:72px;
}

.ca-v2-demo-title h2{
  margin:20px 0 0;
  max-width:820px;
  color:#fff;
  font-size:clamp(54px,5vw,86px);
  line-height:.96;
  letter-spacing:-.055em;
}

.ca-v2-demo-title h2 em{
  color:#70c4ec;
  font-style:normal;
}

.ca-v2-demo-intro{
  padding-bottom:7px;
}

.ca-v2-demo-intro p{
  margin:0;
  max-width:540px;
  color:#9db3c0;
  font-size:18px;
  line-height:1.7;
}

.ca-v2-demo-live{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:22px;
  color:#dceaf1;
  font-size:13px;
  font-weight:800;
}

.ca-v2-demo-live span,
.ca-v2-demo-status i,
.ca-v2-demo-browser-live i,
.ca-v2-demo-assistant-head small i,
.ca-v2-demo-result-status i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#29e59a;
  box-shadow:0 0 14px rgba(41,229,154,.55);
}


/* STAGE */

.ca-v2-demo-stage{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.5fr);
  overflow:hidden;
  border:1px solid rgba(108,190,229,.24);
  border-radius:32px;
  background:
    linear-gradient(135deg,rgba(14,55,75,.92),rgba(6,31,45,.94));
  box-shadow:
    0 50px 100px rgba(0,0,0,.22),
    inset 0 1px rgba(255,255,255,.03);
}


/* LEFT */

.ca-v2-demo-control{
  padding:40px;
  border-right:1px solid rgba(121,194,227,.16);
  background:rgba(8,37,52,.58);
}

.ca-v2-demo-control-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:42px;
}

.ca-v2-demo-number{
  color:#6fc6ed;
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}

.ca-v2-demo-status{
  display:flex;
  align-items:center;
  gap:7px;
  color:#8fa8b6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}

.ca-v2-demo-person{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:20px;
  align-items:center;
  padding-bottom:34px;
  border-bottom:1px solid rgba(125,193,223,.15);
}

.ca-v2-demo-avatar{
  position:relative;
  width:82px;
  height:82px;
  overflow:hidden;
  border:1px solid rgba(105,199,239,.35);
  border-radius:22px;
  background:#eaf5fa;
}

.ca-v2-demo-avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}

.ca-v2-demo-avatar span{
  position:absolute;
  right:5px;
  bottom:5px;
  width:13px;
  height:13px;
  border:3px solid #0b2939;
  border-radius:50%;
  background:#28e39a;
}

.ca-v2-demo-person small{
  display:block;
  margin-bottom:6px;
  color:#66c3ec;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}

.ca-v2-demo-person h3{
  margin:0;
  color:#fff;
  font-size:24px;
  letter-spacing:-.025em;
}

.ca-v2-demo-person p{
  margin:7px 0 0;
  color:#9db1bc;
  font-size:13px;
  line-height:1.55;
}

.ca-v2-demo-question{
  margin:34px 0 17px;
  color:#fff;
  font-size:14px;
  font-weight:850;
}

.ca-v2-demo-options{
  display:grid;
  gap:10px;
}

.ca-v2-demo-option{
  display:grid;
  grid-template-columns:44px 1fr 28px;
  gap:13px;
  align-items:center;
  min-height:70px;
  padding:11px 13px;
  border:1px solid rgba(114,185,217,.15);
  border-radius:17px;
  background:rgba(255,255,255,.025);
  text-decoration:none;
  transition:
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

.ca-v2-demo-option:hover,
.ca-v2-demo-option-active{
  border-color:rgba(43,171,230,.7);
  background:rgba(30,132,181,.10);
  transform:translateX(3px);
}

.ca-v2-demo-option-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(76,181,229,.18);
  border-radius:13px;
  background:rgba(17,91,126,.26);
  font-size:18px;
}

.ca-v2-demo-option-copy{
  min-width:0;
}

.ca-v2-demo-option-copy strong{
  display:block;
  color:#f4f9fb;
  font-size:13px;
}

.ca-v2-demo-option-copy small{
  display:block;
  margin-top:4px;
  color:#829ba8;
  font-size:10px;
}

.ca-v2-demo-option-arrow{
  color:#58bde9;
  font-weight:900;
}

.ca-v2-demo-start{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:26px;
  padding:17px 18px;
  border-radius:17px;
  background:linear-gradient(135deg,#1597d8,#197fc0);
  color:#fff;
  text-decoration:none;
  box-shadow:0 18px 35px rgba(4,116,177,.22);
  transition:transform .2s ease,box-shadow .2s ease;
}

.ca-v2-demo-start:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 45px rgba(4,116,177,.3);
}

.ca-v2-demo-start span{
  font-size:14px;
  font-weight:900;
}

.ca-v2-demo-start small{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.68);
  font-size:9px;
  font-weight:600;
}

.ca-v2-demo-start b{
  font-size:20px;
}


/* RIGHT */

.ca-v2-demo-experience{
  position:relative;
  min-width:0;
  padding:45px 45px 38px;
}

.ca-v2-demo-browser{
  overflow:hidden;
  border:1px solid rgba(98,166,198,.28);
  border-radius:23px;
  background:#edf5f8;
  box-shadow:0 28px 55px rgba(0,0,0,.23);
}

.ca-v2-demo-browser-top{
  display:grid;
  grid-template-columns:1fr minmax(180px,310px) 1fr;
  align-items:center;
  min-height:48px;
  padding:0 18px;
  background:#102737;
}

.ca-v2-demo-dots{
  display:flex;
  gap:6px;
}

.ca-v2-demo-dots i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#617a89;
}

.ca-v2-demo-address{
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#78909d;
  font-size:9px;
  text-align:center;
}

.ca-v2-demo-browser-live{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
  color:#8ca3af;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}

.ca-v2-demo-browser-company{
  display:grid;
  grid-template-columns:43px 1fr auto;
  gap:12px;
  align-items:center;
  min-height:72px;
  padding:0 24px;
  border-bottom:1px solid #dce7ec;
  background:#fff;
}

.ca-v2-demo-company-logo{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:11px;
  background:#128bc8;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

.ca-v2-demo-browser-company strong{
  display:block;
  color:#102d3f;
  font-size:11px;
}

.ca-v2-demo-browser-company small{
  display:block;
  margin-top:3px;
  color:#8194a0;
  font-size:7px;
}

.ca-v2-demo-browser-company>span{
  color:#708793;
  font-size:8px;
  font-weight:800;
}

.ca-v2-demo-browser-body{
  position:relative;
  display:grid;
  grid-template-columns:.75fr 1.25fr;
  min-height:470px;
  padding:44px;
  background:
    radial-gradient(circle at 80% 45%,rgba(25,145,199,.11),transparent 32%),
    linear-gradient(135deg,#f4f8fa,#e9f1f5);
}

.ca-v2-demo-site-copy{
  align-self:center;
  padding-left:8px;
}

.ca-v2-demo-site-copy>small{
  color:#1593cf;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.ca-v2-demo-site-copy h4{
  margin:14px 0 12px;
  color:#102e40;
  font-size:34px;
  line-height:.95;
  letter-spacing:-.05em;
}

.ca-v2-demo-site-copy p{
  color:#728994;
  font-size:10px;
}

.ca-v2-demo-site-copy>span{
  display:inline-block;
  margin-top:13px;
  padding:10px 13px;
  border-radius:8px;
  background:#1494d4;
  color:#fff;
  font-size:8px;
  font-weight:900;
}

.ca-v2-demo-assistant{
  position:relative;
  align-self:center;
  padding:28px;
  border:1px solid rgba(70,147,184,.34);
  border-radius:25px;
  background:#0e2b3b;
  box-shadow:0 24px 45px rgba(18,54,73,.22);
}

.ca-v2-demo-assistant-head{
  display:grid;
  grid-template-columns:53px 1fr;
  gap:13px;
  align-items:center;
}

.ca-v2-demo-mini-avatar{
  width:53px;
  height:53px;
  overflow:hidden;
  border-radius:15px;
  background:#edf6fa;
}

.ca-v2-demo-mini-avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}

.ca-v2-demo-assistant-head small{
  display:flex;
  align-items:center;
  gap:6px;
  color:#39dc99;
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
}

.ca-v2-demo-assistant-head strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:13px;
}

.ca-v2-demo-assistant-head span{
  display:block;
  margin-top:3px;
  color:#8299a5;
  font-size:8px;
}

.ca-v2-demo-assistant-label{
  margin-top:27px;
  color:#35d694;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}

.ca-v2-demo-assistant>h3{
  margin:9px 0 22px;
  max-width:330px;
  color:#fff;
  font-size:31px;
  line-height:1;
  letter-spacing:-.045em;
}

.ca-v2-demo-service{
  display:grid;
  grid-template-columns:44px 1fr 30px;
  gap:12px;
  align-items:center;
  padding:11px;
  border:1px solid rgba(100,171,203,.15);
  border-radius:15px;
  background:rgba(255,255,255,.025);
}

.ca-v2-demo-service + .ca-v2-demo-service{
  margin-top:9px;
}

.ca-v2-demo-service.active{
  border-color:#179bd9;
  box-shadow:inset 3px 0 #159ddd;
}

.ca-v2-demo-service>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#123b50;
}

.ca-v2-demo-service strong{
  display:block;
  color:#f3f8fa;
  font-size:10px;
}

.ca-v2-demo-service small{
  display:block;
  margin-top:3px;
  color:#78909c;
  font-size:7px;
}

.ca-v2-demo-service b{
  color:#5cbbe4;
  font-size:13px;
}


/* RESULT */

.ca-v2-demo-result{
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  gap:22px;
  align-items:center;
  margin:24px 14px 0;
  padding-top:22px;
  border-top:1px solid rgba(105,177,210,.14);
}

.ca-v2-demo-result-status{
  display:flex;
  align-items:center;
  gap:8px;
  color:#66c4eb;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}

.ca-v2-demo-result>strong{
  color:#dceaf0;
  font-size:13px;
}

.ca-v2-demo-result>strong em{
  color:#6cc6ed;
  font-style:normal;
}

.ca-v2-demo-result-flow{
  display:flex;
  align-items:center;
  gap:8px;
  color:#849aa6;
  font-size:8px;
}

.ca-v2-demo-result-flow b{
  color:#42b9eb;
}


/* =========================================================
   CLASSIC WEBSITE MODE
   ========================================================= */

html[data-site-theme="classic"] .ca-v2-demo{
  background:
    radial-gradient(circle at 70% 35%,rgba(30,156,215,.11),transparent 35%),
    #f2f8fb;
}

html[data-site-theme="classic"] .ca-v2-demo-title h2{
  color:#0d2c3e;
}

html[data-site-theme="classic"] .ca-v2-demo-intro p{
  color:#617b89;
}

html[data-site-theme="classic"] .ca-v2-demo-live{
  color:#345363;
}

html[data-site-theme="classic"] .ca-v2-demo-stage{
  border-color:#c8dce6;
  background:#fff;
  box-shadow:0 35px 80px rgba(33,78,101,.13);
}

html[data-site-theme="classic"] .ca-v2-demo-control{
  border-right-color:#d6e5ec;
  background:#f8fbfc;
}

html[data-site-theme="classic"] .ca-v2-demo-person{
  border-bottom-color:#dce8ed;
}

html[data-site-theme="classic"] .ca-v2-demo-person h3,
html[data-site-theme="classic"] .ca-v2-demo-question{
  color:#102f41;
}

html[data-site-theme="classic"] .ca-v2-demo-person p{
  color:#647e8c;
}

html[data-site-theme="classic"] .ca-v2-demo-option{
  border-color:#d9e6ec;
  background:#fff;
}

html[data-site-theme="classic"] .ca-v2-demo-option:hover,
html[data-site-theme="classic"] .ca-v2-demo-option-active{
  border-color:#42aee0;
  background:#f0f9fd;
}

html[data-site-theme="classic"] .ca-v2-demo-option-copy strong{
  color:#17384a;
}

html[data-site-theme="classic"] .ca-v2-demo-option-copy small{
  color:#748b97;
}

html[data-site-theme="classic"] .ca-v2-demo-result{
  border-top-color:#dce8ee;
}

html[data-site-theme="classic"] .ca-v2-demo-result>strong{
  color:#244758;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1100px){

  .ca-v2-demo-head{
    grid-template-columns:1fr;
    gap:28px;
  }

  .ca-v2-demo-stage{
    grid-template-columns:1fr;
  }

  .ca-v2-demo-control{
    border-right:0;
    border-bottom:1px solid rgba(121,194,227,.16);
  }

  .ca-v2-demo-browser-body{
    min-height:430px;
  }

}

@media(max-width:760px){

  .ca-v2-demo{
    padding:100px 0 110px;
  }

  .ca-v2-demo-head{
    margin-bottom:42px;
  }

  .ca-v2-demo-title h2{
    font-size:clamp(44px,13vw,62px);
  }

  .ca-v2-demo-intro p{
    font-size:16px;
  }

  .ca-v2-demo-stage{
    border-radius:23px;
  }

  .ca-v2-demo-control{
    padding:26px 20px;
  }

  .ca-v2-demo-person{
    grid-template-columns:68px 1fr;
  }

  .ca-v2-demo-avatar{
    width:68px;
    height:68px;
  }

  .ca-v2-demo-experience{
    padding:22px 14px 26px;
  }

  .ca-v2-demo-browser-body{
    grid-template-columns:1fr;
    min-height:0;
    padding:24px 18px;
  }

  .ca-v2-demo-site-copy{
    display:none;
  }

  .ca-v2-demo-assistant{
    padding:22px 18px;
  }

  .ca-v2-demo-assistant>h3{
    font-size:27px;
  }

  .ca-v2-demo-browser-company{
    grid-template-columns:38px 1fr;
    padding:0 15px;
  }

  .ca-v2-demo-browser-company>span{
    display:none;
  }

  .ca-v2-demo-address{
    display:none;
  }

  .ca-v2-demo-browser-top{
    grid-template-columns:1fr 1fr;
  }

  .ca-v2-demo-result{
    grid-template-columns:1fr;
    gap:10px;
  }

  .ca-v2-demo-result-flow{
    flex-wrap:wrap;
  }

}



/* ==========================================================
   CRAFTAGENT V20.47.8
   SETUP FLOW EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-setup{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(115px,10vw,165px)
    0;

  color:#edf7fb;

  background:
    linear-gradient(
      180deg,
      #071722 0%,
      #0a2130 52%,
      #071722 100%
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-setup-grid-bg{
  position:absolute;
  inset:0;
  z-index:-3;

  opacity:.28;

  background-image:
    linear-gradient(
      rgba(255,255,255,.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.02) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 15%,
      #000 82%,
      transparent
    );
}


.website-v2 .ca-v2-setup-glow{
  position:absolute;

  width:850px;
  height:650px;

  left:50%;
  top:300px;

  z-index:-2;

  transform:translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(23,151,214,.12),
      transparent 68%
    );
}


/* ==========================================================
   HEAD
   ========================================================== */

.website-v2 .ca-v2-setup-head{
  display:grid;

  grid-template-columns:
    minmax(0,1.05fr)
    minmax(330px,.65fr);

  align-items:end;

  gap:
    clamp(60px,9vw,150px);

  margin-bottom:
    clamp(65px,6vw,95px);
}


.website-v2 .ca-v2-setup-head h2{
  margin:0;

  color:#fff;

  font-size:
    clamp(50px,5vw,82px);

  line-height:.95;

  letter-spacing:-.055em;

  font-weight:900;
}


.website-v2 .ca-v2-setup-head h2 span{
  color:#0A56B4;
}


.website-v2 .ca-v2-setup-head-copy > p{
  max-width:500px;

  margin:
    0 0 25px;

  color:#92a9b6;

  font-size:
    clamp(15px,1.1vw,18px);

  line-height:1.75;
}


.website-v2 .ca-v2-setup-time{
  display:flex;

  align-items:center;

  gap:12px;
}


.website-v2 .ca-v2-setup-time > span{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  flex:0 0 31px;

  border-radius:50%;

  color:#32df9c;

  border:
    1px solid rgba(49,220,154,.24);

  background:
    rgba(49,220,154,.08);

  font-size:11px;
  font-weight:900;
}


.website-v2 .ca-v2-setup-time strong,
.website-v2 .ca-v2-setup-time small{
  display:block;
}


.website-v2 .ca-v2-setup-time strong{
  color:#e5f0f5;

  font-size:12px;
}


.website-v2 .ca-v2-setup-time small{
  margin-top:2px;

  color:#718b99;

  font-size:9px;
}


/* ==========================================================
   FLOW
   ========================================================== */

.website-v2 .ca-v2-setup-flow{
  position:relative;

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:1px;

  overflow:hidden;

  border:
    1px solid rgba(109,184,220,.20);

  border-radius:27px;

  background:
    rgba(105,180,215,.09);

  box-shadow:
    0 32px 75px rgba(0,0,0,.15);
}


.website-v2 .ca-v2-setup-line{
  position:absolute;

  z-index:4;

  left:0;
  right:0;
  top:0;

  height:2px;

  background:
    rgba(255,255,255,.03);
}


.website-v2 .ca-v2-setup-line span{
  display:block;

  width:100%;
  height:100%;

  background:
    linear-gradient(
      90deg,
      #158ed0,
      #67c8ef 67%,
      #2cde99
    );

  box-shadow:
    0 0 16px rgba(47,168,222,.27);
}


.website-v2 .ca-v2-setup-step{
  position:relative;

  min-height:560px;

  display:flex;
  flex-direction:column;

  padding:
    29px 27px 27px;

  background:
    linear-gradient(
      145deg,
      #103247,
      #0b2739
    );

  transition:
    background .28s ease,
    transform .28s ease;
}


.website-v2 .ca-v2-setup-step-live{
  background:
    linear-gradient(
      145deg,
      #10374b,
      #0b2c3d
    );
}


@media(hover:hover){

  .website-v2 .ca-v2-setup-step:hover{
    background:
      linear-gradient(
        145deg,
        #153d55,
        #0d2e42
      );
  }

}


/* ==========================================================
   STEP TOP
   ========================================================== */

.website-v2 .ca-v2-setup-step-top{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  margin-bottom:60px;
}


.website-v2 .ca-v2-setup-step-number{
  color:#668594;

  font-size:10px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-setup-step-icon{
  width:49px;
  height:49px;

  display:grid;
  place-items:center;

  border-radius:15px;

  color:#8bd7f6;

  border:
    1px solid rgba(79,181,228,.22);

  background:
    rgba(22,126,176,.13);

  font-size:17px;

  font-weight:850;
}


.website-v2
.ca-v2-setup-step-live
.ca-v2-setup-step-icon{
  color:#52e0a4;

  border-color:
    rgba(56,220,155,.22);

  background:
    rgba(45,199,141,.10);
}


/* ==========================================================
   COPY
   ========================================================== */

.website-v2 .ca-v2-setup-step-copy{
  margin-bottom:34px;
}


.website-v2 .ca-v2-setup-step-copy small{
  display:block;

  margin-bottom:9px;

  color:#5ab3df;

  font-size:8px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2
.ca-v2-setup-step-live
.ca-v2-setup-step-copy small{
  color:#53dca2;
}


.website-v2 .ca-v2-setup-step-copy h3{
  margin:
    0 0 14px;

  color:#fff;

  font-size:
    clamp(23px,1.8vw,30px);

  line-height:1.05;

  letter-spacing:-.035em;
}


.website-v2 .ca-v2-setup-step-copy p{
  margin:0;

  color:#91a8b4;

  font-size:12px;

  line-height:1.65;
}


/* ==========================================================
   MINI PRODUCT UI
   ========================================================== */

.website-v2 .ca-v2-setup-mini{
  margin-top:auto;

  min-height:125px;

  border:
    1px solid rgba(106,181,215,.14);

  border-radius:17px;

  background:
    rgba(255,255,255,.025);

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025);
}


/* company */

.website-v2 .ca-v2-setup-company{
  display:flex;

  align-items:center;

  gap:12px;

  padding:18px;
}


.website-v2 .ca-v2-setup-company-mark{
  width:43px;
  height:43px;

  display:grid;
  place-items:center;

  flex:0 0 43px;

  border-radius:11px;

  color:#fff;

  background:#1189c8;

  font-size:9px;

  font-weight:900;
}


.website-v2 .ca-v2-setup-company strong,
.website-v2 .ca-v2-setup-company span{
  display:block;
}


.website-v2 .ca-v2-setup-company strong{
  color:#eef7fa;

  font-size:10px;
}


.website-v2 .ca-v2-setup-company span{
  margin-top:3px;

  color:#76909e;

  font-size:7px;
}


/* config */

.website-v2 .ca-v2-setup-config{
  position:relative;

  display:flex;
  flex-wrap:wrap;

  align-content:flex-start;

  gap:6px;

  padding:
    17px 70px 17px 17px;
}


.website-v2 .ca-v2-setup-config > span{
  padding:
    6px 8px;

  border-radius:999px;

  color:#8ba4b1;

  border:
    1px solid rgba(100,178,214,.14);

  font-size:7px;

  font-weight:800;
}


.website-v2 .ca-v2-setup-config > span.active{
  color:#8bd7f5;

  border-color:
    rgba(76,181,230,.26);

  background:
    rgba(19,128,181,.11);
}


.website-v2 .ca-v2-setup-config-avatar{
  position:absolute;

  right:14px;
  bottom:13px;

  width:50px;
  height:57px;

  overflow:hidden;

  border-radius:12px;

  background:#eaf5fa;
}


.website-v2 .ca-v2-setup-config-avatar img{
  width:100%;
  height:100%;

  object-fit:contain;
  object-position:center bottom;
}


.website-v2 .ca-v2-setup-config-avatar i{
  position:absolute;

  right:3px;
  bottom:3px;

  width:8px;
  height:8px;

  border-radius:50%;

  background:#29df99;

  border:2px solid #0d2d41;
}


/* code */

.website-v2 .ca-v2-setup-code{
  overflow:hidden;
}


.website-v2 .ca-v2-setup-code-top{
  display:flex;

  gap:5px;

  padding:
    11px 13px;

  border-bottom:
    1px solid rgba(255,255,255,.06);
}


.website-v2 .ca-v2-setup-code-top i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#64808f;
}


.website-v2 .ca-v2-setup-code code{
  display:block;

  padding:
    14px 16px;

  color:#83ccec;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;

  font-size:8px;

  line-height:1.6;

  white-space:nowrap;
}


/* live card */

.website-v2 .ca-v2-setup-live-card{
  padding:17px;
}


.website-v2 .ca-v2-setup-live-head{
  display:flex;

  align-items:center;
  justify-content:space-between;

  margin-bottom:16px;
}


.website-v2 .ca-v2-setup-live-head > span{
  display:flex;

  align-items:center;

  gap:5px;

  color:#55dda2;

  font-size:7px;

  font-weight:900;

  letter-spacing:.09em;
}


.website-v2 .ca-v2-setup-live-head i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#29df99;

  box-shadow:
    0 0 8px rgba(41,223,153,.45);
}


.website-v2 .ca-v2-setup-live-head small{
  color:#627e8d;

  font-size:6px;
}


.website-v2 .ca-v2-setup-live-card > strong{
  display:block;

  margin-bottom:10px;

  color:#fff;

  font-size:13px;
}


.website-v2 .ca-v2-setup-live-card > div:last-child{
  display:flex;

  align-items:center;
  justify-content:space-between;

  padding:
    10px 11px;

  border-radius:10px;

  color:#92adba;

  background:
    rgba(26,127,176,.10);

  font-size:8px;

  font-weight:800;
}


.website-v2 .ca-v2-setup-live-card b{
  color:#63c8ef;
}


/* ==========================================================
   HANDOFF
   ========================================================== */

.website-v2 .ca-v2-setup-handoff{
  display:grid;

  grid-template-columns:
    minmax(0,.85fr)
    minmax(420px,1.15fr);

  align-items:center;

  gap:60px;

  margin-top:30px;

  padding:
    27px 31px;

  border:
    1px solid rgba(108,181,216,.14);

  border-radius:19px;

  background:
    rgba(8,32,45,.42);
}


.website-v2 .ca-v2-setup-handoff > div:first-child > span{
  display:block;

  margin-bottom:6px;

  color:#5bb8e3;

  font-size:7px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-setup-handoff > div:first-child > strong{
  color:#f4f9fb;

  font-size:14px;
}


.website-v2 .ca-v2-setup-handoff em{
  color:#75bfdc;

  font-style:normal;
}


.website-v2 .ca-v2-setup-handoff-flow{
  display:flex;

  align-items:center;
  justify-content:flex-end;

  gap:10px;

  color:#7995a3;

  font-size:9px;

  font-weight:800;
}


.website-v2 .ca-v2-setup-handoff-flow b{
  color:#3f9fcd;
}


.website-v2 .ca-v2-setup-handoff-flow span.active{
  padding:
    7px 10px;

  border-radius:999px;

  color:#56dda3;

  border:
    1px solid rgba(52,215,151,.18);

  background:
    rgba(45,198,141,.08);
}


/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-setup{
  color:#17394c;

  background:
    linear-gradient(
      180deg,
      #f7fafb,
      #edf5f8 50%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-grid-bg{
  opacity:.5;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-head h2{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-head h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-head-copy > p{
  color:#617987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-time strong{
  color:#244858;
}


/* flow */

html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-flow{
  border-color:#d0e1e8;

  background:#dce8ee;

  box-shadow:
    0 25px 65px rgba(28,70,94,.09);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eef6f9
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step-live{
  background:
    linear-gradient(
      145deg,
      #f6fcf9,
      #ebf8f2
    );
}


@media(hover:hover){

  html[data-site-theme="classic"]
  .website-v2
  .ca-v2-setup-step:hover{
    background:
      linear-gradient(
        145deg,
        #ffffff,
        #e7f3f8
      );
  }

}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step-number{
  color:#8ca0aa;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step-icon{
  color:#1689c6;

  border-color:#c8e4f0;

  background:#e8f5fa;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step-live
.ca-v2-setup-step-icon{
  color:#1eaa73;

  border-color:#ccebdc;

  background:#eaf8f1;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step-copy h3{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-step-copy p{
  color:#647c89;
}


/* mini */

html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-mini{
  border-color:#d5e4ea;

  background:
    rgba(255,255,255,.78);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-company strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-company span{
  color:#6a818e;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-config > span{
  color:#617d8b;

  border-color:#d4e4eb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-config > span.active{
  color:#1686c2;

  background:#eaf6fb;

  border-color:#c5e2ef;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-code-top{
  border-bottom-color:#dde8ed;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-code code{
  color:#376f8c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-live-card > strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-live-card > div:last-child{
  color:#557483;

  background:#eaf7f1;
}


/* handoff */

html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-handoff{
  border-color:#d5e4ea;

  background:
    rgba(255,255,255,.58);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-handoff > div:first-child > strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-setup-handoff-flow{
  color:#66808e;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1150px){

  .website-v2 .ca-v2-setup-flow{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .website-v2 .ca-v2-setup-step{
    min-height:470px;
  }

}


@media(max-width:850px){

  .website-v2 .ca-v2-setup-head{
    grid-template-columns:1fr;

    gap:26px;
  }

  .website-v2 .ca-v2-setup-handoff{
    grid-template-columns:1fr;

    gap:20px;
  }

  .website-v2 .ca-v2-setup-handoff-flow{
    justify-content:flex-start;

    flex-wrap:wrap;
  }

}


@media(max-width:580px){

  .website-v2 .ca-v2-setup{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-setup-flow{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-setup-step{
    min-height:410px;

    padding:24px;
  }

  .website-v2 .ca-v2-setup-step-top{
    margin-bottom:45px;
  }

  .website-v2 .ca-v2-setup-handoff{
    padding:23px;
  }

}


/* ==========================================================
   END V20.47.8
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.8A
   SETUP FLOW COMPACT POLISH
   ========================================================== */


/* Karten insgesamt kompakter */

.website-v2 .ca-v2-setup-step{
  min-height:490px !important;
}


/* weniger Abstand nach oben */

.website-v2 .ca-v2-setup-step-top{
  margin-bottom:48px !important;
}


/* Copy etwas kompakter */

.website-v2 .ca-v2-setup-step-copy{
  margin-bottom:24px !important;
}


/* Mini-UIs nicht mehr ganz nach unten drücken */

.website-v2 .ca-v2-setup-mini{
  margin-top:18px !important;

  min-height:118px;
}


/* einzelne Mini-Flächen sauber angleichen */

.website-v2 .ca-v2-setup-company,
.website-v2 .ca-v2-setup-config,
.website-v2 .ca-v2-setup-code,
.website-v2 .ca-v2-setup-live-card{
  margin-top:auto !important;
}


/*
   Flex-Abstand reduzieren:
   Die Mini-UIs bleiben unten ausgerichtet,
   aber der freie Zwischenraum wird kleiner.
*/

.website-v2 .ca-v2-setup-step-copy + .ca-v2-setup-mini{
  margin-top:26px !important;
}


/* Textbereich minimal dichter */

.website-v2 .ca-v2-setup-step-copy p{
  line-height:1.55 !important;
}


/* Mini-Code etwas kompakter */

.website-v2 .ca-v2-setup-code code{
  padding:
    12px 15px !important;

  line-height:1.5 !important;
}


/* Live-Card */

.website-v2 .ca-v2-setup-live-card{
  padding:15px !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media(max-width:1150px){

  .website-v2 .ca-v2-setup-step{
    min-height:440px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:580px){

  .website-v2 .ca-v2-setup-step{
    min-height:auto !important;
  }

  .website-v2 .ca-v2-setup-mini{
    margin-top:24px !important;
  }

}


/* ==========================================================
   END V20.47.8A
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.9
   LEAD EXPERIENCE / DAS ERGEBNIS
   ========================================================== */

.website-v2 .ca-v2-lead{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(115px,10vw,165px)
    0;

  color:#edf7fb;

  background:
    linear-gradient(
      180deg,
      #061722 0%,
      #08202e 50%,
      #061722 100%
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-lead-grid-bg{
  position:absolute;
  inset:0;

  z-index:-3;

  opacity:.28;

  background-image:
    linear-gradient(
      rgba(255,255,255,.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.02) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 14%,
      #000 85%,
      transparent
    );
}


.website-v2 .ca-v2-lead-glow{
  position:absolute;

  width:900px;
  height:700px;

  right:-260px;
  top:250px;

  z-index:-2;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(14,151,218,.13),
      transparent 68%
    );
}



/* ==========================================================
   HEAD
   ========================================================== */

.website-v2 .ca-v2-lead-head{
  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(320px,.68fr);

  align-items:end;

  gap:
    clamp(60px,9vw,150px);

  margin-bottom:
    clamp(62px,6vw,90px);
}


.website-v2 .ca-v2-lead-head h2{
  max-width:800px;

  margin:0;

  color:#fff;

  font-size:
    clamp(50px,5vw,82px);

  line-height:.95;

  letter-spacing:-.055em;

  font-weight:900;
}


.website-v2 .ca-v2-lead-head h2 span{
  display:block;

  color:#0A56B4;
}


.website-v2 .ca-v2-lead-head-copy > p{
  max-width:510px;

  margin:
    0 0 24px;

  color:#92a8b5;

  font-size:
    clamp(15px,1.1vw,18px);

  line-height:1.75;
}


.website-v2 .ca-v2-lead-head-status{
  display:flex;

  align-items:center;

  gap:11px;
}


.website-v2 .ca-v2-lead-head-status > span{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#30df9c;

  border:
    1px solid rgba(48,223,156,.23);

  background:
    rgba(48,223,156,.08);

  font-size:11px;

  font-weight:900;
}


.website-v2 .ca-v2-lead-head-status strong,
.website-v2 .ca-v2-lead-head-status small{
  display:block;
}


.website-v2 .ca-v2-lead-head-status strong{
  color:#e7f1f5;

  font-size:12px;
}


.website-v2 .ca-v2-lead-head-status small{
  margin-top:2px;

  color:#718a98;

  font-size:9px;
}



/* ==========================================================
   STAGE
   ========================================================== */

.website-v2 .ca-v2-lead-stage{
  display:grid;

  grid-template-columns:
    220px minmax(0,1fr);

  overflow:hidden;

  border:
    1px solid rgba(103,187,226,.23);

  border-radius:28px;

  background:#092434;

  box-shadow:
    0 35px 85px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.025);
}



/* ==========================================================
   SIDEBAR
   ========================================================== */

.website-v2 .ca-v2-lead-sidebar{
  min-height:675px;

  display:flex;
  flex-direction:column;

  padding:27px 21px;

  border-right:
    1px solid rgba(255,255,255,.07);

  background:
    linear-gradient(
      180deg,
      #0b2b3d,
      #082433
    );
}


.website-v2 .ca-v2-lead-sidebar-head{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:10px;

  padding:
    0 5px 24px;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-lead-sidebar-head span,
.website-v2 .ca-v2-lead-sidebar-head strong{
  display:block;
}


.website-v2 .ca-v2-lead-sidebar-head > div > span{
  margin-bottom:3px;

  color:#61bde8;

  font-size:7px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-lead-sidebar-head strong{
  color:#fff;

  font-size:16px;
}


.website-v2 .ca-v2-lead-count{
  padding:
    5px 8px;

  border-radius:999px;

  color:#58dfa2;

  background:
    rgba(42,203,143,.09);

  border:
    1px solid rgba(54,215,154,.16);

  font-size:7px;

  font-weight:900;
}



.website-v2 .ca-v2-lead-nav{
  display:grid;

  gap:6px;

  margin-top:21px;
}


.website-v2 .ca-v2-lead-nav > div{
  display:grid;

  grid-template-columns:
    18px 1fr auto;

  align-items:center;

  gap:8px;

  min-height:58px;

  padding:
    9px 10px;

  border-radius:12px;

  color:#71909f;

  font-size:8px;
}


.website-v2 .ca-v2-lead-nav > div.active{
  color:#a5d7ed;

  background:
    rgba(17,130,184,.13);

  border:
    1px solid rgba(63,173,220,.16);
}


.website-v2 .ca-v2-lead-nav strong,
.website-v2 .ca-v2-lead-nav small{
  display:block;
}


.website-v2 .ca-v2-lead-nav strong{
  color:#afc3cd;

  font-size:9px;
}


.website-v2 .ca-v2-lead-nav small{
  margin-top:2px;

  color:#617f8e;

  font-size:7px;
}


.website-v2 .ca-v2-lead-nav b{
  width:21px;
  height:21px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#77c9ee;

  background:
    rgba(19,137,192,.15);

  font-size:7px;
}


.website-v2 .ca-v2-lead-sidebar-bottom{
  margin-top:auto;

  padding:
    18px 7px 5px;

  border-top:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-lead-sidebar-bottom > span{
  display:flex;

  align-items:center;

  gap:7px;

  color:#5ddba0;

  font-size:7px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-lead-sidebar-bottom i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2bdf99;

  box-shadow:
    0 0 8px rgba(43,223,153,.45);
}


.website-v2 .ca-v2-lead-sidebar-bottom small{
  display:block;

  margin-top:7px;

  color:#617d8c;

  font-size:7px;

  line-height:1.45;
}



/* ==========================================================
   CONTENT
   ========================================================== */

.website-v2 .ca-v2-lead-content{
  min-width:0;

  padding:
    28px;

  background:
    linear-gradient(
      145deg,
      #103247,
      #0c2a3d
    );
}



/* TOOLBAR */

.website-v2 .ca-v2-lead-toolbar{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:25px;

  padding:
    0 0 23px;

  border-bottom:
    1px solid rgba(255,255,255,.075);
}


.website-v2 .ca-v2-lead-toolbar small,
.website-v2 .ca-v2-lead-toolbar strong{
  display:block;
}


.website-v2 .ca-v2-lead-toolbar > div:first-child small{
  margin-bottom:5px;

  color:#55dda1;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-lead-toolbar > div:first-child strong{
  color:#fff;

  font-size:21px;

  letter-spacing:-.025em;
}


.website-v2 .ca-v2-lead-toolbar-right{
  display:flex;

  align-items:center;

  gap:11px;
}


.website-v2 .ca-v2-lead-priority{
  padding:
    6px 9px;

  border-radius:8px;

  color:#f0af81;

  border:
    1px solid rgba(221,135,80,.18);

  background:
    rgba(184,94,46,.09);

  font-size:7px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-lead-time{
  color:#657f8d;

  font-size:8px;
}



/* CUSTOMER */

.website-v2 .ca-v2-lead-customer{
  display:grid;

  grid-template-columns:
    auto 1fr auto;

  align-items:center;

  gap:13px;

  padding:
    20px 0;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-lead-customer-avatar{
  width:46px;
  height:46px;

  display:grid;
  place-items:center;

  border-radius:13px;

  color:#9bdcf7;

  background:
    rgba(17,129,185,.16);

  border:
    1px solid rgba(72,175,222,.21);

  font-size:9px;

  font-weight:900;
}


.website-v2 .ca-v2-lead-customer-copy small,
.website-v2 .ca-v2-lead-customer-copy strong,
.website-v2 .ca-v2-lead-customer-copy span{
  display:block;
}


.website-v2 .ca-v2-lead-customer-copy small{
  color:#567c90;

  font-size:7px;

  font-weight:900;

  letter-spacing:.10em;
}


.website-v2 .ca-v2-lead-customer-copy strong{
  margin-top:3px;

  color:#f5fafc;

  font-size:12px;
}


.website-v2 .ca-v2-lead-customer-copy span{
  margin-top:3px;

  color:#718c9a;

  font-size:8px;
}


.website-v2 .ca-v2-lead-complete{
  display:flex;

  align-items:center;

  gap:8px;

  padding:
    8px 10px;

  border-radius:11px;

  background:
    rgba(36,195,133,.055);

  border:
    1px solid rgba(48,214,150,.13);
}


.website-v2 .ca-v2-lead-complete > span{
  color:#38dd9b;

  font-size:12px;

  font-weight:900;
}


.website-v2 .ca-v2-lead-complete strong,
.website-v2 .ca-v2-lead-complete small{
  display:block;
}


.website-v2 .ca-v2-lead-complete strong{
  color:#6fe3af;

  font-size:8px;
}


.website-v2 .ca-v2-lead-complete small{
  margin-top:2px;

  color:#657f8c;

  font-size:6px;
}



/* ==========================================================
   INFORMATION GRID
   ========================================================== */

.website-v2 .ca-v2-lead-information{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:1px;

  margin-top:1px;

  overflow:hidden;

  border-radius:16px;

  background:
    rgba(255,255,255,.07);
}


.website-v2 .ca-v2-lead-information article{
  min-height:123px;

  display:grid;

  grid-template-columns:
    37px 1fr;

  align-items:center;

  gap:11px;

  padding:
    17px;

  background:
    #0f3044;
}


.website-v2 .ca-v2-lead-info-icon{
  width:35px;
  height:35px;

  display:grid;
  place-items:center;

  border-radius:10px;

  color:#80cfee;

  background:
    rgba(15,124,180,.13);

  border:
    1px solid rgba(75,172,218,.16);

  font-size:12px;

  font-style:normal;
}


.website-v2 .ca-v2-lead-information small,
.website-v2 .ca-v2-lead-information strong,
.website-v2 .ca-v2-lead-information div > span{
  display:block;
}


.website-v2 .ca-v2-lead-information small{
  margin-bottom:5px;

  color:#5a9fc2;

  font-size:7px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-lead-information strong{
  color:#f3f9fb;

  font-size:11px;
}


.website-v2 .ca-v2-lead-information div > span{
  margin-top:3px;

  color:#758e9b;

  font-size:8px;
}


.website-v2 .ca-v2-lead-info-status{
  background:
    linear-gradient(
      145deg,
      #103849,
      #0f3143
    ) !important;
}


.website-v2
.ca-v2-lead-info-status
.ca-v2-lead-info-icon{
  color:#52dfa4;

  background:
    rgba(39,190,132,.10);

  border-color:
    rgba(49,211,148,.16);
}



/* ==========================================================
   SUMMARY
   ========================================================== */

.website-v2 .ca-v2-lead-summary{
  margin-top:15px;

  padding:
    17px 18px;

  border:
    1px solid rgba(69,173,221,.22);

  border-radius:15px;

  background:
    rgba(16,115,164,.10);
}


.website-v2 .ca-v2-lead-summary-head{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;
}


.website-v2 .ca-v2-lead-summary-head > span{
  display:flex;

  align-items:center;

  gap:7px;

  color:#0A56B4;

  font-size:7px;

  font-weight:900;

  letter-spacing:.10em;
}


.website-v2 .ca-v2-lead-summary-head i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2bdf99;

  box-shadow:
    0 0 8px rgba(43,223,153,.4);
}


.website-v2 .ca-v2-lead-summary-head small{
  color:#658290;

  font-size:7px;
}


.website-v2 .ca-v2-lead-summary p{
  margin:
    11px 0 0;

  color:#b3c6cf;

  font-size:10px;

  line-height:1.65;
}



/* ==========================================================
   ACTIONS
   ========================================================== */

.website-v2 .ca-v2-lead-actions{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  margin-top:15px;

  padding:
    15px 17px;

  border:
    1px solid rgba(255,255,255,.07);

  border-radius:14px;

  background:
    rgba(255,255,255,.022);
}


.website-v2 .ca-v2-lead-actions-state{
  display:flex;

  align-items:center;

  gap:9px;
}


.website-v2 .ca-v2-lead-actions-state > span{
  width:29px;
  height:29px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#44dda0;

  background:
    rgba(38,194,135,.09);

  font-size:10px;

  font-weight:900;
}


.website-v2 .ca-v2-lead-actions-state small,
.website-v2 .ca-v2-lead-actions-state strong{
  display:block;
}


.website-v2 .ca-v2-lead-actions-state small{
  margin-bottom:2px;

  color:#60818f;

  font-size:6px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-lead-actions-state strong{
  color:#dbe8ee;

  font-size:9px;
}


.website-v2 .ca-v2-lead-actions-buttons{
  display:flex;

  align-items:center;

  gap:9px;
}


.website-v2 .ca-v2-lead-actions-buttons > span,
.website-v2 .ca-v2-lead-actions-buttons > strong{
  min-height:38px;

  display:flex;

  align-items:center;

  padding:
    0 13px;

  border-radius:10px;

  font-size:8px;

  font-weight:850;
}


.website-v2 .ca-v2-lead-actions-buttons > span{
  color:#8ca6b2;

  border:
    1px solid rgba(111,177,208,.12);
}


.website-v2 .ca-v2-lead-actions-buttons > strong{
  gap:13px;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      #148fcf,
      #177ebc
    );
}


.website-v2 .ca-v2-lead-actions-buttons b{
  font-size:12px;
}



/* ==========================================================
   BENEFITS
   ========================================================== */

.website-v2 .ca-v2-lead-benefits{
  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:1px;

  margin-top:27px;

  overflow:hidden;

  border:
    1px solid rgba(103,178,211,.13);

  border-radius:18px;

  background:
    rgba(103,178,211,.08);
}


.website-v2 .ca-v2-lead-benefits > div{
  display:grid;

  grid-template-columns:
    auto 1fr;

  gap:14px;

  align-items:center;

  min-height:93px;

  padding:
    20px 23px;

  background:
    rgba(8,32,45,.66);
}


.website-v2 .ca-v2-lead-benefits > div > span{
  color:#5486a0;

  font-size:8px;

  font-weight:900;
}


.website-v2 .ca-v2-lead-benefits p{
  margin:0;
}


.website-v2 .ca-v2-lead-benefits small,
.website-v2 .ca-v2-lead-benefits strong{
  display:block;
}


.website-v2 .ca-v2-lead-benefits small{
  margin-bottom:4px;

  color:#5db8e1;

  font-size:7px;

  font-weight:900;

  letter-spacing:.09em;
}


.website-v2 .ca-v2-lead-benefits strong{
  color:#dce9ef;

  font-size:10px;

  line-height:1.4;
}



/* ==========================================================
   CLASSIC THEME
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-lead{
  color:#17394c;

  background:
    linear-gradient(
      180deg,
      #f7fafb,
      #edf5f8 50%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-grid-bg{
  opacity:.5;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-head h2{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-head h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-head-copy > p{
  color:#617987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-head-status strong{
  color:#274858;
}


/* stage */

html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-stage{
  border-color:#cadde6;

  background:#fff;

  box-shadow:
    0 28px 70px rgba(27,73,98,.11);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-sidebar{
  border-right-color:#d7e5eb;

  background:
    linear-gradient(
      180deg,
      #edf6f9,
      #e7f1f5
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-sidebar-head{
  border-bottom-color:#d8e5eb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-sidebar-head strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-nav > div.active{
  background:#e4f4fb;

  border-color:#c6e4f0;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-nav strong{
  color:#496979;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-sidebar-bottom{
  border-top-color:#d5e4ea;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-content{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf6f9
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-toolbar{
  border-bottom-color:#dbe7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-toolbar > div:first-child strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-customer{
  border-bottom-color:#dbe7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-customer-copy strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-information{
  background:#d9e7ed;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-information article{
  background:#f7fafb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-information strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-info-status{
  background:#edf8f3 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-summary{
  border-color:#c6e2ef;

  background:#e9f6fb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-summary p{
  color:#4f6c7a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-actions{
  border-color:#d8e5eb;

  background:#f8fafb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-actions-state strong{
  color:#355565;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-benefits{
  border-color:#d2e2e8;

  background:#dce8ed;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-benefits > div{
  background:#fff;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-lead-benefits strong{
  color:#274858;
}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1050px){

  .website-v2 .ca-v2-lead-stage{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-lead-sidebar{
    min-height:auto;

    display:block;

    border-right:0;

    border-bottom:
      1px solid rgba(255,255,255,.07);
  }

  .website-v2 .ca-v2-lead-nav{
    grid-template-columns:
      repeat(2,1fr);
  }

  .website-v2 .ca-v2-lead-sidebar-bottom{
    display:none;
  }

}


@media(max-width:850px){

  .website-v2 .ca-v2-lead-head{
    grid-template-columns:1fr;

    gap:26px;
  }

  .website-v2 .ca-v2-lead-information{
    grid-template-columns:
      repeat(2,1fr);
  }

  .website-v2 .ca-v2-lead-benefits{
    grid-template-columns:1fr;
  }

}


@media(max-width:620px){

  .website-v2 .ca-v2-lead{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-lead-content{
    padding:20px;
  }

  .website-v2 .ca-v2-lead-toolbar,
  .website-v2 .ca-v2-lead-customer,
  .website-v2 .ca-v2-lead-actions{
    align-items:flex-start;

    flex-direction:column;
  }

  .website-v2 .ca-v2-lead-customer{
    display:grid;

    grid-template-columns:
      auto 1fr;
  }

  .website-v2 .ca-v2-lead-complete{
    grid-column:
      1 / -1;
  }

  .website-v2 .ca-v2-lead-information{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-lead-summary-head{
    align-items:flex-start;

    flex-direction:column;
  }

  .website-v2 .ca-v2-lead-actions-buttons{
    width:100%;

    flex-direction:column;
  }

  .website-v2
  .ca-v2-lead-actions-buttons > span,
  .website-v2
  .ca-v2-lead-actions-buttons > strong{
    width:100%;

    justify-content:space-between;
  }

}


/* ==========================================================
   END V20.47.9
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.10
   CONTACT FORM VS CRAFTAGENT
   ========================================================== */

.website-v2 .ca-v2-compare{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(110px,9vw,155px)
    0;

  color:#eef7fb;

  background:
    linear-gradient(
      180deg,
      #061722,
      #081e2c 52%,
      #061722
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-compare-grid-bg{
  position:absolute;
  inset:0;

  z-index:-3;

  opacity:.27;

  background-image:
    linear-gradient(
      rgba(255,255,255,.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.02) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 14%,
      #000 84%,
      transparent
    );
}


.website-v2 .ca-v2-compare-glow{
  position:absolute;

  width:900px;
  height:700px;

  left:50%;
  top:250px;

  z-index:-2;

  transform:
    translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(22,148,211,.12),
      transparent 67%
    );
}



/* ==========================================================
   HEAD
   ========================================================== */

.website-v2 .ca-v2-compare-head{
  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(320px,.68fr);

  align-items:end;

  gap:
    clamp(60px,9vw,145px);

  margin-bottom:
    clamp(55px,5vw,78px);
}


.website-v2 .ca-v2-compare-heading h2{
  max-width:850px;

  margin:0;

  color:#fff;

  font-size:
    clamp(48px,4.8vw,79px);

  line-height:.96;

  letter-spacing:-.052em;

  font-weight:900;
}


.website-v2 .ca-v2-compare-heading h2 span{
  display:block;

  color:#0A56B4;
}


.website-v2 .ca-v2-compare-intro > p{
  max-width:510px;

  margin:
    0 0 23px;

  color:#93aab7;

  font-size:
    clamp(15px,1.1vw,18px);

  line-height:1.75;
}


.website-v2 .ca-v2-compare-mini-result{
  display:flex;

  align-items:center;

  gap:11px;
}


.website-v2 .ca-v2-compare-mini-result > span{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  flex:0 0 31px;

  border-radius:50%;

  color:#6ac6ed;

  border:
    1px solid rgba(88,184,228,.20);

  background:
    rgba(22,133,185,.10);

  font-size:12px;
}


.website-v2 .ca-v2-compare-mini-result strong,
.website-v2 .ca-v2-compare-mini-result small{
  display:block;
}


.website-v2 .ca-v2-compare-mini-result strong{
  color:#e4eff4;

  font-size:11px;
}


.website-v2 .ca-v2-compare-mini-result small{
  margin-top:2px;

  color:#718a97;

  font-size:9px;
}



/* ==========================================================
   SPLIT STAGE
   ========================================================== */

.website-v2 .ca-v2-compare-stage{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:16px;
}



/* ==========================================================
   COMMON CARD
   ========================================================== */

.website-v2 .ca-v2-compare-side{
  position:relative;

  overflow:hidden;

  border-radius:25px;

  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease,
    box-shadow .28s ease;
}


.website-v2 .ca-v2-compare-form{
  border:
    1px solid rgba(147,181,199,.17);

  background:
    linear-gradient(
      145deg,
      #17394c,
      #102e40
    );
}


.website-v2 .ca-v2-compare-agent{
  border:
    1px solid rgba(64,175,226,.32);

  background:
    linear-gradient(
      145deg,
      #123b54,
      #0d3046
    );

  box-shadow:
    0 26px 65px rgba(0,0,0,.14),
    0 0 55px rgba(21,142,202,.05);
}


@media(hover:hover){

  .website-v2 .ca-v2-compare-side:hover{
    transform:
      translateY(-4px);
  }

}


.website-v2 .ca-v2-compare-card-head{
  min-height:94px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    22px 25px;

  border-bottom:
    1px solid rgba(255,255,255,.075);
}


.website-v2 .ca-v2-compare-card-head small{
  display:block;

  margin-bottom:5px;

  color:#6fa9c5;

  font-size:8px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-compare-agent
.ca-v2-compare-card-head small{
  color:#64c7ee;
}


.website-v2 .ca-v2-compare-card-head h3{
  margin:0;

  color:#fff;

  font-size:20px;

  letter-spacing:-.02em;
}


.website-v2 .ca-v2-compare-state{
  display:flex;

  align-items:center;

  gap:6px;

  padding:
    7px 9px;

  border-radius:999px;

  font-size:8px;

  font-weight:900;
}


.website-v2 .ca-v2-compare-state.is-form{
  color:#99aeb9;

  border:
    1px solid rgba(158,182,195,.13);

  background:
    rgba(255,255,255,.035);
}


.website-v2 .ca-v2-compare-state.is-agent{
  color:#58dda2;

  border:
    1px solid rgba(55,214,152,.15);

  background:
    rgba(41,190,133,.07);
}


.website-v2
.ca-v2-compare-state.is-agent i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#2bdf99;

  box-shadow:
    0 0 8px rgba(43,223,153,.4);
}



/* ==========================================================
   FORM
   ========================================================== */

.website-v2 .ca-v2-compare-form-fields{
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:10px;

  padding:
    22px 24px 0;
}


.website-v2 .ca-v2-compare-form-fields > div{
  min-height:92px;

  padding:
    15px;

  border:
    1px solid rgba(154,189,207,.13);

  border-radius:14px;

  background:
    rgba(255,255,255,.025);
}


.website-v2
.ca-v2-compare-form-fields
.ca-v2-compare-message{
  grid-column:
    1 / -1;

  min-height:126px;
}


.website-v2 .ca-v2-compare-form-fields small{
  display:block;

  margin-bottom:10px;

  color:#7894a3;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-compare-form-fields strong{
  color:#e5eff3;

  font-size:11px;
}


.website-v2 .ca-v2-compare-message p{
  max-width:600px;

  margin:0;

  color:#a6b9c3;

  font-size:11px;

  line-height:1.65;
}



/* ==========================================================
   PROBLEM
   ========================================================== */

.website-v2 .ca-v2-compare-problem{
  margin:
    13px 24px 22px;

  padding:
    17px 18px;

  border:
    1px solid rgba(199,126,94,.19);

  border-radius:15px;

  background:
    rgba(158,76,44,.08);
}


.website-v2 .ca-v2-compare-problem-head{
  display:flex;

  align-items:center;

  gap:9px;

  margin-bottom:12px;
}


.website-v2 .ca-v2-compare-problem-head > span{
  width:27px;
  height:27px;

  display:grid;
  place-items:center;

  flex:0 0 27px;

  border-radius:50%;

  color:#f2ad8d;

  background:
    rgba(195,101,63,.13);

  font-size:10px;

  font-weight:900;
}


.website-v2 .ca-v2-compare-problem-head strong{
  color:#e4b8a4;

  font-size:11px;
}


.website-v2 .ca-v2-compare-problem ul{
  margin:
    0 0 0 36px;

  padding:0;

  color:#ae9184;

  font-size:10px;

  line-height:1.8;
}



/* ==========================================================
   AGENT
   ========================================================== */

.website-v2 .ca-v2-compare-agent-title{
  display:grid;

  grid-template-columns:
    48px 1fr;

  align-items:center;

  gap:13px;

  padding:
    23px 24px 18px;
}


.website-v2 .ca-v2-compare-agent-title > span{
  width:46px;
  height:46px;

  display:grid;
  place-items:center;

  border-radius:13px;

  color:#fff;

  background:
    rgba(21,132,185,.15);

  border:
    1px solid rgba(69,176,224,.20);

  font-size:18px;
}


.website-v2 .ca-v2-compare-agent-title small,
.website-v2 .ca-v2-compare-agent-title strong,
.website-v2 .ca-v2-compare-agent-title p{
  display:block;
}


.website-v2 .ca-v2-compare-agent-title small{
  margin-bottom:4px;

  color:#60bfe9;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-compare-agent-title strong{
  color:#fff;

  font-size:17px;
}


.website-v2 .ca-v2-compare-agent-title p{
  margin:
    3px 0 0;

  color:#7793a1;

  font-size:9px;
}



/* ==========================================================
   DATA
   ========================================================== */

.website-v2 .ca-v2-compare-data{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:1px;

  margin:
    0 24px;

  overflow:hidden;

  border:
    1px solid rgba(255,255,255,.07);

  border-radius:15px;

  background:
    rgba(255,255,255,.065);
}


.website-v2 .ca-v2-compare-data > div{
  min-height:83px;

  padding:
    14px 15px;

  background:#11374d;
}


.website-v2 .ca-v2-compare-data .wide{
  grid-column:
    1 / -1;
}


.website-v2 .ca-v2-compare-data small,
.website-v2 .ca-v2-compare-data strong,
.website-v2 .ca-v2-compare-data span{
  display:block;
}


.website-v2 .ca-v2-compare-data small{
  margin-bottom:5px;

  color:#5ca7cc;

  font-size:7px;

  font-weight:900;

  letter-spacing:.08em;
}


.website-v2 .ca-v2-compare-data strong{
  color:#edf7fa;

  font-size:10px;
}


.website-v2 .ca-v2-compare-data span{
  margin-top:3px;

  color:#718c9a;

  font-size:8px;
}



/* ==========================================================
   SUCCESS
   ========================================================== */

.website-v2 .ca-v2-compare-success{
  display:flex;

  align-items:center;

  gap:12px;

  margin:
    13px 24px 22px;

  padding:
    16px 17px;

  border:
    1px solid rgba(48,213,148,.15);

  border-radius:15px;

  background:
    rgba(42,195,137,.07);
}


.website-v2 .ca-v2-compare-success > span{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  flex:0 0 31px;

  border-radius:50%;

  color:#3be09d;

  background:
    rgba(41,192,136,.11);

  font-size:11px;

  font-weight:900;
}


.website-v2 .ca-v2-compare-success strong,
.website-v2 .ca-v2-compare-success small{
  display:block;
}


.website-v2 .ca-v2-compare-success strong{
  color:#aee7ca;

  font-size:11px;
}


.website-v2 .ca-v2-compare-success small{
  margin-top:4px;

  color:#729489;

  font-size:9px;
}



/* ==========================================================
   CARD FOOTER
   ========================================================== */

.website-v2 .ca-v2-compare-card-footer{
  min-height:64px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    15px 24px;

  border-top:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-compare-card-footer > span{
  display:flex;

  align-items:center;

  gap:7px;

  color:#728d9b;

  font-size:8px;

  font-weight:800;
}


.website-v2 .ca-v2-compare-card-footer i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#66818f;
}


.website-v2
.ca-v2-compare-agent
.ca-v2-compare-card-footer i{
  background:#2bdf99;

  box-shadow:
    0 0 8px rgba(43,223,153,.35);
}


.website-v2 .ca-v2-compare-card-footer strong{
  color:#a9bec8;

  font-size:9px;
}


.website-v2
.ca-v2-compare-agent
.ca-v2-compare-card-footer strong{
  color:#60dca4;
}



/* ==========================================================
   BOTTOM
   ========================================================== */

.website-v2 .ca-v2-compare-bottom{
  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  gap:30px;

  margin-top:27px;

  padding:
    23px 28px;

  border:
    1px solid rgba(102,179,213,.13);

  border-radius:18px;

  background:
    rgba(8,32,45,.55);
}


.website-v2 .ca-v2-compare-bottom > div:not(.ca-v2-compare-bottom-arrow){
  display:flex;

  align-items:center;

  gap:12px;
}


.website-v2 .ca-v2-compare-bottom > div:last-child{
  justify-content:flex-end;
}


.website-v2 .ca-v2-compare-bottom span{
  color:#658291;

  font-size:7px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-compare-bottom strong{
  color:#b7c9d2;

  font-size:12px;
}


.website-v2 .ca-v2-compare-bottom .active span{
  color:#5dbbe6;
}


.website-v2 .ca-v2-compare-bottom .active strong{
  color:#fff;
}


.website-v2 .ca-v2-compare-bottom-arrow{
  width:35px;
  height:35px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#6bc6ed;

  border:
    1px solid rgba(88,183,227,.19);

  background:
    rgba(21,127,179,.09);
}



/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-compare{
  color:#17394c;

  background:
    linear-gradient(
      180deg,
      #f8fafb,
      #edf5f8 50%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-grid-bg{
  opacity:.48;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-heading h2{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-heading h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-intro > p{
  color:#617987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-mini-result strong{
  color:#274858;
}


/* cards */

html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-form{
  border-color:#d6e3e9;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #f2f6f8
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-agent{
  border-color:#b9dced;

  background:
    linear-gradient(
      145deg,
      #ffffff,
      #eaf6fb
    );

  box-shadow:
    0 24px 60px rgba(29,78,104,.10);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-card-head{
  border-bottom-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-card-head h3{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-state.is-form{
  color:#728791;

  border-color:#dce5e9;

  background:#f1f5f7;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-state.is-agent{
  color:#15905d;

  border-color:#cce9db;

  background:#eaf7f0;
}


/* form */

html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-form-fields > div{
  border-color:#d8e4e9;

  background:#f8fafb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-form-fields strong{
  color:#28495a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-message p{
  color:#607987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-problem{
  border-color:#ecd5cb;

  background:#fff5f0;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-problem-head strong{
  color:#9b6751;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-problem ul{
  color:#856d62;
}


/* agent */

html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-agent-title strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-agent-title p{
  color:#6d8490;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-data{
  border-color:#d5e5eb;

  background:#dce9ee;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-data > div{
  background:#f7fafb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-data strong{
  color:#234758;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-data span{
  color:#6b828e;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-success{
  border-color:#cce8da;

  background:#edf9f2;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-success strong{
  color:#257b57;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-success small{
  color:#63806f;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-card-footer{
  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-card-footer strong{
  color:#536f7d;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-agent
.ca-v2-compare-card-footer strong{
  color:#23865b;
}


/* bottom */

html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-bottom{
  border-color:#d5e4ea;

  background:
    rgba(255,255,255,.65);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-bottom strong{
  color:#536e7c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-compare-bottom .active strong{
  color:#17394c;
}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

  .website-v2 .ca-v2-compare-head{
    grid-template-columns:1fr;

    gap:25px;
  }

  .website-v2 .ca-v2-compare-stage{
    grid-template-columns:1fr;
  }

}


@media(max-width:620px){

  .website-v2 .ca-v2-compare{
    padding:
      90px 0;
  }

  .website-v2 .ca-v2-compare-form-fields{
    grid-template-columns:1fr;
  }

  .website-v2
  .ca-v2-compare-form-fields
  .ca-v2-compare-message{
    grid-column:auto;
  }

  .website-v2 .ca-v2-compare-data{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-compare-data .wide{
    grid-column:auto;
  }

  .website-v2 .ca-v2-compare-card-head,
  .website-v2 .ca-v2-compare-card-footer{
    align-items:flex-start;

    flex-direction:column;
  }

  .website-v2 .ca-v2-compare-bottom{
    grid-template-columns:1fr;

    gap:14px;
  }

  .website-v2
  .ca-v2-compare-bottom
  > div:last-child{
    justify-content:flex-start;
  }

  .website-v2 .ca-v2-compare-bottom-arrow{
    transform:
      rotate(90deg);
  }

}


/* ==========================================================
   END V20.47.10
   ========================================================== */


/* =========================================================
   CRAFTAGENT V20.47.11
   LEAD DELIVERY EXPERIENCE
   ========================================================= */

.ca-v2-delivery{
  position:relative;
  overflow:hidden;
  padding:128px 0 132px;
  background:
    radial-gradient(
      circle at 58% 52%,
      rgba(21,151,218,.09),
      transparent 34%
    ),
    #061d2a;
  color:#fff;
}

.ca-v2-delivery-grid-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
}

.ca-v2-delivery-glow{
  position:absolute;
  width:760px;
  height:760px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:rgba(20,151,218,.075);
  filter:blur(110px);
  pointer-events:none;
}

.ca-v2-delivery .ca-v2-container{
  position:relative;
  z-index:2;
}

.ca-v2-delivery-head{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);
  gap:100px;
  align-items:end;
  margin-bottom:72px;
}

.ca-v2-delivery-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  color:#67c8f4;
  font-size:13px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
}

.ca-v2-delivery-eyebrow span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#28e6a1;
  box-shadow:0 0 18px rgba(40,230,161,.42);
}

.ca-v2-delivery-head h2{
  margin:0;
  max-width:820px;
  color:#fff;
  font-size:clamp(52px,5.4vw,86px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:850;
}

.ca-v2-delivery-head h2 em{
  color:#68c2ec;
  font-style:normal;
}

.ca-v2-delivery-intro{
  padding-bottom:4px;
}

.ca-v2-delivery-intro > p{
  margin:0 0 28px;
  color:#a7bdca;
  font-size:18px;
  line-height:1.72;
}

.ca-v2-delivery-ready{
  display:flex;
  align-items:center;
  gap:13px;
}

.ca-v2-delivery-ready > span{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:1px solid rgba(40,230,161,.28);
  border-radius:50%;
  color:#28e6a1;
  background:rgba(40,230,161,.07);
  font-size:17px;
  font-weight:900;
}

.ca-v2-delivery-ready strong,
.ca-v2-delivery-ready small{
  display:block;
}

.ca-v2-delivery-ready strong{
  color:#fff;
  font-size:14px;
}

.ca-v2-delivery-ready small{
  margin-top:4px;
  color:#718b9a;
  font-size:11px;
}


/* STAGE */

.ca-v2-delivery-stage{
  position:relative;
  display:grid;
  grid-template-columns:300px 120px minmax(0,1fr);
  align-items:center;
  min-height:650px;
  padding:46px;
  border:1px solid rgba(81,188,237,.24);
  border-radius:30px;
  background:
    linear-gradient(
      145deg,
      rgba(15,55,73,.94),
      rgba(6,31,44,.98)
    );
  box-shadow:
    0 40px 100px rgba(0,0,0,.2),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.ca-v2-delivery-stage::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:36%;
  height:2px;
  background:linear-gradient(
    90deg,
    #1da6e8,
    rgba(29,166,232,0)
  );
}


/* SOURCE */

.ca-v2-delivery-source{
  position:relative;
  padding:24px;
  border:1px solid rgba(93,194,240,.22);
  border-radius:22px;
  background:rgba(8,36,50,.72);
  box-shadow:0 24px 50px rgba(0,0,0,.16);
}

.ca-v2-delivery-source-top{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:24px;
  color:#66c9f5;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}

.ca-v2-delivery-live{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#28e6a1;
  box-shadow:0 0 13px rgba(40,230,161,.55);
}

.ca-v2-delivery-source-main{
  display:flex;
  align-items:center;
  gap:14px;
}

.ca-v2-delivery-source-icon{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border:1px solid rgba(87,192,239,.2);
  border-radius:14px;
  background:#103e55;
  font-size:20px;
}

.ca-v2-delivery-source-main small,
.ca-v2-delivery-source-main strong,
.ca-v2-delivery-source-main span{
  display:block;
}

.ca-v2-delivery-source-main small{
  margin-bottom:4px;
  color:#688898;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}

.ca-v2-delivery-source-main strong{
  color:#fff;
  font-size:17px;
}

.ca-v2-delivery-source-main span{
  margin-top:4px;
  color:#89a3b1;
  font-size:11px;
}

.ca-v2-delivery-source-data{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:22px;
}

.ca-v2-delivery-source-data span{
  padding:7px 9px;
  border:1px solid rgba(96,185,225,.15);
  border-radius:999px;
  color:#8faab8;
  background:rgba(21,70,91,.36);
  font-size:9px;
  font-weight:700;
}

.ca-v2-delivery-source-status{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#7f9baa;
  font-size:10px;
  font-weight:700;
}

.ca-v2-delivery-source-status span{
  color:#28e6a1;
}


/* ROUTER */

.ca-v2-delivery-router{
  display:flex;
  align-items:center;
  width:100%;
}

.ca-v2-delivery-router-line{
  flex:1;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(31,169,231,.1),
    rgba(31,169,231,.7)
  );
}

.ca-v2-delivery-router-line:last-child{
  background:linear-gradient(
    90deg,
    rgba(31,169,231,.7),
    rgba(31,169,231,.1)
  );
}

.ca-v2-delivery-router-core{
  display:grid;
  place-items:center;
  flex:0 0 72px;
  width:72px;
  height:72px;
  border:1px solid rgba(75,189,240,.48);
  border-radius:50%;
  background:#0b3549;
  box-shadow:
    0 0 0 10px rgba(23,145,199,.05),
    0 0 45px rgba(24,161,222,.15);
}

.ca-v2-delivery-router-core span{
  color:#fff;
  font-size:18px;
  font-weight:900;
}

.ca-v2-delivery-router-core small{
  margin-top:-17px;
  color:#5bbce8;
  font-size:6px;
  font-weight:850;
  letter-spacing:.09em;
}


/* DESTINATIONS */

.ca-v2-delivery-destinations{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.ca-v2-delivery-option{
  display:flex;
  flex-direction:column;
  min-height:520px;
  padding:26px;
  border:1px solid rgba(99,184,224,.18);
  border-radius:22px;
  background:
    linear-gradient(
      155deg,
      rgba(19,63,82,.86),
      rgba(8,38,52,.88)
    );
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.ca-v2-delivery-option:hover{
  transform:translateY(-4px);
  border-color:rgba(82,192,242,.42);
}

.ca-v2-delivery-plus{
  border-color:rgba(39,211,154,.22);
  background:
    linear-gradient(
      155deg,
      rgba(17,67,77,.9),
      rgba(8,39,52,.9)
    );
}

.ca-v2-delivery-option-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.ca-v2-delivery-package{
  display:inline-flex;
  margin-bottom:10px;
  padding:6px 9px;
  border:1px solid rgba(81,189,238,.25);
  border-radius:999px;
  color:#6ec8f0;
  background:rgba(23,142,195,.08);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}

.ca-v2-delivery-package.is-plus{
  border-color:rgba(40,230,161,.26);
  color:#37e4a4;
  background:rgba(40,230,161,.07);
}

.ca-v2-delivery-option-head small{
  display:block;
  color:#7896a5;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}

.ca-v2-delivery-option-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(73,186,237,.22);
  border-radius:13px;
  color:#62c8f5;
  background:#104258;
  font-size:18px;
}

.ca-v2-delivery-option h3{
  margin:24px 0 10px;
  color:#fff;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.035em;
}

.ca-v2-delivery-option > p{
  min-height:56px;
  margin:0 0 22px;
  color:#91aab7;
  font-size:13px;
  line-height:1.6;
}


/* MAIL */

.ca-v2-mail,
.ca-v2-leadcenter{
  flex:1;
  overflow:hidden;
  border:1px solid rgba(108,188,225,.16);
  border-radius:16px;
  background:rgba(5,28,40,.48);
}

.ca-v2-mail-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.ca-v2-mail-top > div{
  display:flex;
  gap:5px;
}

.ca-v2-mail-top > div span{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#527181;
}

.ca-v2-mail-top small{
  color:#5fbce7;
  font-size:7px;
  font-weight:850;
}

.ca-v2-mail-subject{
  padding:15px 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.ca-v2-mail-subject small,
.ca-v2-mail-subject strong{
  display:block;
}

.ca-v2-mail-subject small{
  margin-bottom:5px;
  color:#5b8497;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
}

.ca-v2-mail-subject strong{
  color:#fff;
  font-size:14px;
}

.ca-v2-mail-row{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:10px;
  padding:11px 16px;
  border-bottom:1px solid rgba(255,255,255,.055);
  font-size:9px;
}

.ca-v2-mail-row span{
  color:#668494;
}

.ca-v2-mail-row strong{
  color:#c7d7df;
}

.ca-v2-mail-row strong.is-ready{
  color:#36dfa3;
}


/* LEADCENTER */

.ca-v2-leadcenter-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.ca-v2-leadcenter-top small,
.ca-v2-leadcenter-top strong{
  display:block;
}

.ca-v2-leadcenter-top small{
  margin-bottom:4px;
  color:#5dbfe9;
  font-size:7px;
  font-weight:850;
  letter-spacing:.08em;
}

.ca-v2-leadcenter-top strong{
  color:#fff;
  font-size:14px;
}

.ca-v2-leadcenter-top > span{
  padding:6px 8px;
  border-radius:999px;
  color:#36dfa3;
  background:rgba(40,230,161,.08);
  font-size:7px;
  font-weight:900;
}

.ca-v2-leadcenter-item{
  display:grid;
  grid-template-columns:8px 1fr auto;
  align-items:center;
  gap:10px;
  padding:15px;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.ca-v2-leadcenter-item.is-active{
  background:rgba(23,150,205,.07);
}

.ca-v2-leadcenter-status{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#28e6a1;
}

.ca-v2-leadcenter-item strong,
.ca-v2-leadcenter-item span{
  display:block;
}

.ca-v2-leadcenter-item strong{
  color:#dce8ed;
  font-size:10px;
}

.ca-v2-leadcenter-item span{
  margin-top:3px;
  color:#668696;
  font-size:8px;
}

.ca-v2-leadcenter-item b{
  padding:5px 7px;
  border-radius:999px;
  color:#ffad72;
  background:rgba(255,137,65,.08);
  font-size:7px;
}

.ca-v2-leadcenter-item b.normal{
  color:#7ca7bd;
  background:rgba(112,155,178,.08);
}


/* FLOW LABEL */

.ca-v2-delivery-flow-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:20px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.065);
  color:#6e8c9b;
  font-size:9px;
  font-weight:750;
}

.ca-v2-delivery-flow-label b{
  color:#40aede;
}

.ca-v2-delivery-flow-label strong{
  color:#d9e7ed;
}


/* BOTTOM */

.ca-v2-delivery-bottom{
  display:grid;
  grid-template-columns:180px 1fr 1fr;
  gap:30px;
  align-items:center;
  margin-top:32px;
  padding:25px 8px 0;
  border-top:1px solid rgba(255,255,255,.09);
}

.ca-v2-delivery-bottom-label{
  color:#62c5f1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}

.ca-v2-delivery-bottom p{
  margin:0;
  color:#8da6b3;
  font-size:12px;
}

.ca-v2-delivery-bottom strong{
  color:#fff;
}


/* =========================================================
   CLASSIC WEBSITE MODE
   ========================================================= */

html[data-site-theme="classic"] .ca-v2-delivery{
  background:
    radial-gradient(
      circle at 55% 45%,
      rgba(27,151,215,.08),
      transparent 38%
    ),
    #f4f9fc;
  color:#0a2940;
}

html[data-site-theme="classic"] .ca-v2-delivery-grid-bg{
  opacity:.38;
  background-image:
    linear-gradient(rgba(10,72,108,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(10,72,108,.035) 1px,transparent 1px);
}

html[data-site-theme="classic"] .ca-v2-delivery-head h2{
  color:#09263b;
}

html[data-site-theme="classic"] .ca-v2-delivery-head h2 em{
  color:#168ed0;
}

html[data-site-theme="classic"] .ca-v2-delivery-intro > p{
  color:#617c8d;
}

html[data-site-theme="classic"] .ca-v2-delivery-ready strong{
  color:#153448;
}

html[data-site-theme="classic"] .ca-v2-delivery-stage{
  border-color:#d3e3ec;
  background:rgba(255,255,255,.82);
  box-shadow:0 30px 80px rgba(19,70,100,.09);
}

html[data-site-theme="classic"] .ca-v2-delivery-source,
html[data-site-theme="classic"] .ca-v2-delivery-option{
  border-color:#d9e6ed;
  background:#fff;
  box-shadow:0 18px 50px rgba(25,77,105,.07);
}

html[data-site-theme="classic"] .ca-v2-delivery-source-main strong,
html[data-site-theme="classic"] .ca-v2-delivery-option h3{
  color:#102d42;
}

html[data-site-theme="classic"] .ca-v2-delivery-source-main span,
html[data-site-theme="classic"] .ca-v2-delivery-option > p{
  color:#667f90;
}

html[data-site-theme="classic"] .ca-v2-mail,
html[data-site-theme="classic"] .ca-v2-leadcenter{
  border-color:#dce8ee;
  background:#f7fafc;
}

html[data-site-theme="classic"] .ca-v2-mail-top,
html[data-site-theme="classic"] .ca-v2-mail-subject,
html[data-site-theme="classic"] .ca-v2-mail-row,
html[data-site-theme="classic"] .ca-v2-leadcenter-top,
html[data-site-theme="classic"] .ca-v2-leadcenter-item{
  border-color:#e0e9ee;
}

html[data-site-theme="classic"] .ca-v2-mail-subject strong,
html[data-site-theme="classic"] .ca-v2-mail-row strong,
html[data-site-theme="classic"] .ca-v2-leadcenter-top strong,
html[data-site-theme="classic"] .ca-v2-leadcenter-item strong{
  color:#17364b;
}

html[data-site-theme="classic"] .ca-v2-delivery-flow-label strong,
html[data-site-theme="classic"] .ca-v2-delivery-bottom strong{
  color:#17364b;
}

html[data-site-theme="classic"] .ca-v2-delivery-bottom{
  border-color:#d8e6ed;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1180px){

  .ca-v2-delivery-stage{
    grid-template-columns:260px 80px minmax(0,1fr);
    padding:34px;
  }

  .ca-v2-delivery-option{
    padding:21px;
  }

}

@media(max-width:980px){

  .ca-v2-delivery{
    padding:92px 0;
  }

  .ca-v2-delivery-head{
    grid-template-columns:1fr;
    gap:30px;
    margin-bottom:50px;
  }

  .ca-v2-delivery-stage{
    grid-template-columns:1fr;
    gap:28px;
    min-height:0;
  }

  .ca-v2-delivery-source{
    max-width:none;
  }

  .ca-v2-delivery-router{
    justify-content:center;
  }

  .ca-v2-delivery-router-line{
    max-width:120px;
  }

}

@media(max-width:720px){

  .ca-v2-delivery{
    padding:74px 0;
  }

  .ca-v2-delivery-head h2{
    font-size:46px;
  }

  .ca-v2-delivery-stage{
    padding:20px;
    border-radius:22px;
  }

  .ca-v2-delivery-destinations{
    grid-template-columns:1fr;
  }

  .ca-v2-delivery-option{
    min-height:0;
  }

  .ca-v2-delivery-bottom{
    grid-template-columns:1fr;
    gap:12px;
  }

}

@media(max-width:480px){

  .ca-v2-delivery-head h2{
    font-size:39px;
  }

  .ca-v2-delivery-intro > p{
    font-size:16px;
  }

  .ca-v2-delivery-stage{
    padding:14px;
  }

  .ca-v2-delivery-source,
  .ca-v2-delivery-option{
    padding:18px;
  }

  .ca-v2-delivery-option h3{
    font-size:24px;
  }

}


/* V20.47.11 END */



/* ==========================================================
   CRAFTAGENT V20.47.12
   FAQ EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-faq{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(110px,9vw,150px)
    0;

  color:#eef7fb;

  background:
    linear-gradient(
      180deg,
      #061722 0%,
      #081f2d 50%,
      #061722 100%
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-faq-grid-bg{
  position:absolute;
  inset:0;

  z-index:-3;

  opacity:.27;

  background-image:
    linear-gradient(
      rgba(255,255,255,.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.02) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 12%,
      #000 86%,
      transparent
    );
}


.website-v2 .ca-v2-faq-glow{
  position:absolute;

  width:800px;
  height:800px;

  left:-250px;
  top:160px;

  z-index:-2;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(22,148,211,.11),
      transparent 68%
    );
}



/* ==========================================================
   LAYOUT
   ========================================================== */

.website-v2 .ca-v2-faq-layout{
  display:grid;

  grid-template-columns:
    minmax(330px,.72fr)
    minmax(0,1.28fr);

  gap:
    clamp(70px,9vw,140px);

  align-items:start;
}



/* ==========================================================
   INTRO
   ========================================================== */

.website-v2 .ca-v2-faq-intro{
  position:sticky;

  top:110px;
}


.website-v2 .ca-v2-faq-intro h2{
  max-width:620px;

  margin:0;

  color:#fff;

  font-size:
    clamp(50px,5vw,78px);

  line-height:.95;

  letter-spacing:-.055em;

  font-weight:900;
}


.website-v2 .ca-v2-faq-intro h2 span{
  display:block;

  color:#6fc5ed;
}


.website-v2 .ca-v2-faq-intro > p{
  max-width:480px;

  margin:
    26px 0 0;

  color:#93aab7;

  font-size:
    clamp(15px,1.05vw,18px);

  line-height:1.75;
}


.website-v2 .ca-v2-faq-support{
  display:grid;

  grid-template-columns:
    50px 1fr;

  gap:15px;

  align-items:center;

  max-width:440px;

  margin-top:42px;

  padding:
    18px 19px;

  border:
    1px solid rgba(98,183,222,.16);

  border-radius:16px;

  background:
    rgba(255,255,255,.025);
}


.website-v2 .ca-v2-faq-support-icon{
  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  border:
    1px solid rgba(74,181,229,.21);

  border-radius:14px;

  color:#69c7ef;

  background:
    rgba(19,128,181,.11);

  font-size:18px;

  font-weight:900;
}


.website-v2 .ca-v2-faq-support small,
.website-v2 .ca-v2-faq-support strong,
.website-v2 .ca-v2-faq-support span{
  display:block;
}


.website-v2 .ca-v2-faq-support small{
  margin-bottom:4px;

  color:#58acd4;

  font-size:7px;

  font-weight:900;

  letter-spacing:.10em;
}


.website-v2 .ca-v2-faq-support strong{
  color:#edf6f9;

  font-size:12px;
}


.website-v2 .ca-v2-faq-support span{
  margin-top:3px;

  color:#708997;

  font-size:9px;
}



/* ==========================================================
   FAQ LIST
   ========================================================== */

.website-v2 .ca-v2-faq-list{
  overflow:hidden;

  border:
    1px solid rgba(103,183,220,.19);

  border-radius:24px;

  background:
    rgba(9,37,52,.63);

  box-shadow:
    0 28px 70px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.025);
}


.website-v2 .ca-v2-faq-item{
  border-bottom:
    1px solid rgba(255,255,255,.065);
}


.website-v2 .ca-v2-faq-item:last-child{
  border-bottom:0;
}


.website-v2 .ca-v2-faq-item summary{
  list-style:none;

  display:grid;

  grid-template-columns:
    50px minmax(0,1fr) 36px;

  align-items:center;

  gap:18px;

  min-height:92px;

  padding:
    20px 25px;

  cursor:pointer;

  transition:
    background .22s ease;
}


.website-v2 .ca-v2-faq-item summary::-webkit-details-marker{
  display:none;
}


.website-v2 .ca-v2-faq-item summary:hover{
  background:
    rgba(19,119,169,.06);
}


.website-v2 .ca-v2-faq-number{
  color:#527e94;

  font-size:9px;

  font-weight:900;

  letter-spacing:.10em;
}


.website-v2 .ca-v2-faq-question{
  color:#eaf4f8;

  font-size:
    clamp(15px,1.1vw,18px);

  line-height:1.3;

  font-weight:800;
}


.website-v2 .ca-v2-faq-toggle{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  justify-self:end;

  border:
    1px solid rgba(88,183,228,.16);

  border-radius:50%;

  color:#0A56B4;

  background:
    rgba(17,127,180,.08);

  font-size:18px;

  font-weight:400;

  transition:
    transform .25s ease,
    color .25s ease,
    background .25s ease;
}


.website-v2 .ca-v2-faq-item[open]
.ca-v2-faq-toggle{
  transform:
    rotate(45deg);

  color:#45dda1;

  background:
    rgba(40,199,142,.08);

  border-color:
    rgba(45,212,150,.18);
}


.website-v2 .ca-v2-faq-item[open]
summary{
  background:
    rgba(17,122,173,.075);
}


.website-v2 .ca-v2-faq-item[open]
.ca-v2-faq-number{
  color:#59bbe6;
}


.website-v2 .ca-v2-faq-item[open]
.ca-v2-faq-question{
  color:#fff;
}



/* ANSWER */

.website-v2 .ca-v2-faq-answer{
  padding:
    0 79px 28px 93px;
}


.website-v2 .ca-v2-faq-answer p{
  max-width:690px;

  margin:0;

  color:#92a8b4;

  font-size:13px;

  line-height:1.75;
}



/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-faq{
  color:#17394c;

  background:
    linear-gradient(
      180deg,
      #f7fafb,
      #edf5f8 50%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-grid-bg{
  opacity:.5;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-intro h2{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-intro h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-intro > p{
  color:#617987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-support{
  border-color:#d4e4ea;

  background:
    rgba(255,255,255,.65);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-support-icon{
  color:#1688c6;

  border-color:#c7e3ef;

  background:#e9f5fa;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-support strong{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-list{
  border-color:#d2e2e9;

  background:#fff;

  box-shadow:
    0 25px 65px rgba(27,73,98,.08);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-item{
  border-bottom-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-item summary:hover{
  background:#f3f9fb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-question{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-toggle{
  color:#1687c4;

  border-color:#cde4ef;

  background:#edf7fb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-item[open]
summary{
  background:#eff8fb;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-item[open]
.ca-v2-faq-question{
  color:#17394c;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-answer p{
  color:#607986;
}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

  .website-v2 .ca-v2-faq-layout{
    grid-template-columns:1fr;

    gap:45px;
  }

  .website-v2 .ca-v2-faq-intro{
    position:relative;

    top:auto;
  }

}


@media(max-width:620px){

  .website-v2 .ca-v2-faq{
    padding:
      85px 0;
  }

  .website-v2 .ca-v2-faq-item summary{
    grid-template-columns:
      34px 1fr 32px;

    gap:11px;

    min-height:82px;

    padding:
      17px 16px;
  }

  .website-v2 .ca-v2-faq-answer{
    padding:
      0 49px 23px 61px;
  }

  .website-v2 .ca-v2-faq-support{
    max-width:none;
  }

}


/* ==========================================================
   END V20.47.12
   ========================================================== */


/* ==========================================================
   V20.47.12A – FAQ INTERACTION POLISH
   ========================================================== */

.website-v2 .ca-v2-faq-list{
  min-width:0;
}

.website-v2 .ca-v2-faq-item{
  min-width:0;
}

.website-v2 .ca-v2-faq-item summary{
  min-width:0;
}

.website-v2 .ca-v2-faq-question{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
}

.website-v2 .ca-v2-faq-answer{
  min-width:0;
}

.website-v2 .ca-v2-faq-answer p{
  overflow-wrap:break-word;
}


/* längere Fragen bekommen kontrolliert Platz */

@media(min-width:901px){

  .website-v2 .ca-v2-faq-item summary{
    grid-template-columns:
      46px minmax(0,1fr) 38px;
  }

}


/* ==========================================================
   END V20.47.12A
   ========================================================== */


/* ==========================================================
   V20.47.12B – FAQ ANSWER READABILITY
   ========================================================== */

.website-v2 .ca-v2-faq-answer{
  padding:
    4px 79px 31px 93px;
}

.website-v2 .ca-v2-faq-answer p{
  max-width:760px;

  color:#b1c2cb;

  font-size:
    clamp(14px, .95vw, 16px);

  line-height:1.72;

  font-weight:500;

  letter-spacing:-.005em;
}


/* CLASSIC */

html[data-site-theme="classic"]
.website-v2
.ca-v2-faq-answer p{
  color:#536f7f;
}


/* MOBILE */

@media(max-width:620px){

  .website-v2 .ca-v2-faq-answer{
    padding:
      3px 49px 25px 61px;
  }

  .website-v2 .ca-v2-faq-answer p{
    font-size:14px;
    line-height:1.65;
  }

}


/* ==========================================================
   END V20.47.12B
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.13
   PERSONAL SALES EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-sales{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(110px,9vw,155px)
    0;

  background:
    radial-gradient(
      circle at 30% 55%,
      rgba(22,148,211,.12),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #061722,
      #08202e 52%,
      #061722
    );

  color:#edf7fb;

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-sales::before{
  content:"";

  position:absolute;
  inset:0;

  z-index:-3;

  opacity:.26;

  background-image:
    linear-gradient(
      rgba(255,255,255,.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.02) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 13%,
      #000 87%,
      transparent
    );
}



/* ==========================================================
   HEAD
   ========================================================== */

.website-v2 .ca-v2-sales-head{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.1fr)
    minmax(340px,.68fr);

  align-items:end;

  gap:
    clamp(60px,9vw,145px);

  max-width:none !important;

  margin:
    0 0 clamp(58px,5.5vw,82px) !important;

  text-align:left !important;
}


.website-v2 .ca-v2-sales-kicker{
  display:flex;

  align-items:center;

  gap:9px;

  margin-bottom:21px;

  color:#65c5ef;

  font-size:11px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-sales-kicker > span{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:#29e09b;

  box-shadow:
    0 0 11px rgba(41,224,155,.45);
}


.website-v2 .ca-v2-sales-head h2{
  max-width:820px !important;

  margin:0 !important;

  color:#fff !important;

  font-size:
    clamp(50px,5vw,82px) !important;

  line-height:.95 !important;

  letter-spacing:-.055em !important;

  font-weight:900 !important;
}


.website-v2 .ca-v2-sales-head h2 span{
  display:block;

  color:#0A56B4;
}


.website-v2 .ca-v2-sales-head-copy > p{
  max-width:510px;

  margin:
    0 0 24px !important;

  color:#94abb8 !important;

  font-size:
    clamp(15px,1.1vw,18px) !important;

  line-height:1.75 !important;
}


.website-v2 .ca-v2-sales .sales-section-meta{
  display:flex;

  flex-wrap:wrap;

  align-items:center;

  gap:8px !important;

  margin:0 !important;
}


.website-v2 .ca-v2-sales .sales-section-meta span{
  display:inline-flex;

  align-items:center;

  min-height:32px;

  padding:
    0 11px;

  border:
    1px solid rgba(102,181,217,.15);

  border-radius:999px;

  color:#8ea9b6 !important;

  background:
    rgba(255,255,255,.025);

  font-size:9px !important;

  font-weight:800;
}


.website-v2 .ca-v2-sales .sales-section-meta i{
  width:6px;
  height:6px;

  margin-right:6px;

  border-radius:50%;

  background:#29df99;

  box-shadow:
    0 0 8px rgba(41,223,153,.4);
}



/* ==========================================================
   STAGE LABEL
   ========================================================== */

.website-v2 .ca-v2-sales-stage-label{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:25px;

  margin:
    0 4px 15px;

  color:#718d9b;
}


.website-v2 .ca-v2-sales-stage-label > span{
  display:flex;

  align-items:center;

  gap:7px;

  color:#0A56B4;

  font-size:8px;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-sales-stage-label i{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#29df99;

  box-shadow:
    0 0 8px rgba(41,223,153,.4);
}


.website-v2 .ca-v2-sales-stage-label small{
  color:#708b99;

  font-size:9px;
}



/* ==========================================================
   MAIN SALES SHELL
   ========================================================== */

.website-v2 .ca-v2-sales .craftagent-sales-shell{
  position:relative;

  display:grid !important;

  grid-template-columns:
    minmax(390px,.78fr)
    minmax(0,1.22fr) !important;

  overflow:hidden;

  min-height:690px;

  border:
    1px solid rgba(100,184,224,.22) !important;

  border-radius:29px !important;

  background:
    #082332 !important;

  box-shadow:
    0 38px 90px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}



/* ==========================================================
   TILL PERSONA
   ========================================================== */

.website-v2 .ca-v2-sales .sales-persona{
  position:relative;

  display:flex !important;

  flex-direction:column;

  min-height:690px !important;

  overflow:hidden;

  padding:
    31px 32px 0 !important;

  border:0 !important;

  border-right:
    1px solid rgba(255,255,255,.07) !important;

  border-radius:0 !important;

  background:
    radial-gradient(
      circle at 58% 58%,
      rgba(27,142,198,.22),
      transparent 42%
    ),
    linear-gradient(
      150deg,
      #0b3043,
      #071f2e 70%
    ) !important;

  box-shadow:none !important;
}


.website-v2 .ca-v2-sales .sales-persona::before{
  content:"";

  position:absolute;

  inset:0;

  pointer-events:none;

  opacity:.28;

  background-image:
    linear-gradient(
      rgba(255,255,255,.025) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.025) 1px,
      transparent 1px
    );

  background-size:
    45px 45px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 22%,
      #000 80%,
      transparent
    );
}


.website-v2 .ca-v2-sales .sales-persona-brand{
  position:relative;

  z-index:4;

  margin:0 0 28px !important;
}


.website-v2 .ca-v2-sales .sales-persona-brand img{
  display:block;

  max-width:150px !important;

  max-height:46px;

  object-fit:contain;
}


.website-v2 .ca-v2-sales .sales-persona-copy{
  position:relative;

  z-index:5;

  max-width:380px;

  padding:0 !important;
}


.website-v2 .ca-v2-sales .sales-persona-status{
  display:flex;

  align-items:center;

  gap:7px;

  margin-bottom:18px;

  color:#64c4ed !important;

  font-size:8px !important;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-sales .sales-persona-status span{
  width:7px !important;
  height:7px !important;

  border-radius:50%;

  background:#2ae09b !important;

  box-shadow:
    0 0 10px rgba(42,224,155,.45);
}


.website-v2 .ca-v2-sales .sales-persona-copy h3{
  margin:0 !important;

  color:#fff !important;

  font-size:
    clamp(37px,3vw,50px) !important;

  line-height:.98 !important;

  letter-spacing:-.045em !important;
}


.website-v2 .ca-v2-sales .sales-persona-copy h3 strong{
  display:block;

  margin-top:3px;

  color:#71c7ed !important;
}


.website-v2 .ca-v2-sales .sales-persona-copy > p{
  max-width:355px;

  margin:
    17px 0 0 !important;

  color:#99afba !important;

  font-size:13px !important;

  line-height:1.65 !important;
}



/* ==========================================================
   TILL IMAGE
   ========================================================== */

.website-v2 .ca-v2-sales .sales-persona-visual{
  position:absolute !important;

  left:0 !important;
  right:0 !important;
  bottom:0 !important;

  width:100% !important;
  height:62% !important;

  overflow:hidden !important;

  margin:0 !important;

  pointer-events:none;
}


.website-v2 .ca-v2-sales .sales-persona-visual::before{
  content:"";

  position:absolute;

  z-index:0;

  width:430px;
  height:430px;

  left:50%;
  bottom:-150px;

  transform:
    translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(33,162,221,.22),
      transparent 68%
    );
}


.website-v2 .ca-v2-sales .sales-persona-image{
  position:absolute !important;

  z-index:2;

  left:50% !important;
  bottom:-5px !important;

  width:auto !important;
  height:100% !important;

  max-width:94% !important;
  max-height:100% !important;

  transform:
    translateX(-50%) !important;

  object-fit:contain !important;
  object-position:center bottom !important;

  filter:
    drop-shadow(
      0 18px 28px
      rgba(0,0,0,.18)
    );
}



/* ==========================================================
   PERSONA TRUST
   ========================================================== */

.website-v2 .ca-v2-sales .sales-persona-trust{
  position:absolute !important;

  z-index:8;

  left:22px !important;
  right:22px !important;
  bottom:19px !important;

  display:grid !important;

  grid-template-columns:
    repeat(2,1fr);

  gap:1px !important;

  overflow:hidden;

  margin:0 !important;

  padding:0 !important;

  border:
    1px solid rgba(115,192,227,.15);

  border-radius:14px;

  background:
    rgba(5,26,38,.74);

  backdrop-filter:
    blur(15px);
}


.website-v2 .ca-v2-sales .sales-persona-trust > div{
  min-height:64px;

  display:grid !important;

  grid-template-columns:
    24px 1fr;

  align-items:center;

  gap:8px;

  padding:
    11px 13px !important;

  border:0 !important;

  background:transparent !important;
}


.website-v2
.ca-v2-sales
.sales-persona-trust > div + div{
  border-left:
    1px solid rgba(255,255,255,.07) !important;
}


.website-v2 .ca-v2-sales .sales-persona-trust > div > span{
  width:23px !important;
  height:23px !important;

  display:grid;

  place-items:center;

  border-radius:50%;

  color:#33dfa0 !important;

  background:
    rgba(40,196,140,.09) !important;

  font-size:8px !important;
}


.website-v2 .ca-v2-sales .sales-persona-trust p{
  margin:0 !important;

  color:#718b99 !important;

  font-size:7px !important;

  line-height:1.35 !important;
}


.website-v2 .ca-v2-sales .sales-persona-trust strong{
  display:block;

  margin-bottom:2px;

  color:#edf6f9 !important;

  font-size:8px !important;
}



/* ==========================================================
   SALES ADVISOR
   ========================================================== */

.website-v2 .ca-v2-sales .sales-advisor{
  min-width:0;

  display:flex;

  flex-direction:column;

  min-height:690px;

  padding:
    29px 31px 31px;

  background:
    linear-gradient(
      145deg,
      #103347,
      #0c293c
    ) !important;
}


.website-v2 .ca-v2-sales .sales-advisor-head{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:24px;

  margin:0 !important;

  padding:
    0 0 20px !important;

  border-bottom:
    1px solid rgba(255,255,255,.07);
}


.website-v2 .ca-v2-sales .sales-advisor-kicker{
  display:block;

  margin-bottom:5px;

  color:#60bee8 !important;

  font-size:8px !important;

  font-weight:900;

  letter-spacing:.11em;
}


.website-v2 .ca-v2-sales #sales-progress-label{
  color:#f2f8fa !important;

  font-size:13px !important;
}


.website-v2 .ca-v2-sales .sales-advisor-online{
  display:flex;

  align-items:center;

  gap:7px;

  padding:
    7px 10px;

  border:
    1px solid rgba(48,215,151,.14);

  border-radius:999px;

  color:#5bdaa1 !important;

  background:
    rgba(41,193,136,.06);

  font-size:8px !important;

  font-weight:850;
}


.website-v2 .ca-v2-sales .sales-advisor-online i{
  width:6px !important;
  height:6px !important;

  border-radius:50%;

  background:#2bdf99 !important;

  box-shadow:
    0 0 8px rgba(43,223,153,.4);
}



/* ==========================================================
   PROGRESS
   ========================================================== */

.website-v2 .ca-v2-sales .sales-progress{
  overflow:hidden;

  height:3px !important;

  margin:
    17px 0 0 !important;

  border-radius:999px;

  background:
    rgba(255,255,255,.065) !important;
}


.website-v2 .ca-v2-sales .sales-progress-bar{
  height:100% !important;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #1698d7,
      #0A56B4,
      #2bdd9a
    ) !important;

  box-shadow:
    0 0 13px rgba(44,174,225,.20);
}



/* ==========================================================
   SALES ENGINE – NUR VISUELL
   ========================================================== */

.website-v2 .ca-v2-sales .craftagent-sales-body{
  flex:1;

  min-height:0;

  padding:
    38px 0 0 !important;

  color:#eaf4f8;
}


.website-v2 .ca-v2-sales .sales-loading{
  color:#829ba8 !important;
}


.website-v2 .ca-v2-sales .sales-question h3,
.website-v2 .ca-v2-sales .sales-result h3{
  max-width:700px;

  margin:
    0 0 25px !important;

  color:#fff !important;

  font-size:
    clamp(30px,2.6vw,43px) !important;

  line-height:1.05 !important;

  letter-spacing:-.04em !important;
}


.website-v2 .ca-v2-sales .sales-options{
  display:grid !important;

  gap:10px !important;
}


.website-v2 .ca-v2-sales .sales-option{
  min-height:76px;

  display:grid !important;

  grid-template-columns:
    48px minmax(0,1fr) 32px;

  align-items:center;

  gap:13px;

  padding:
    12px 14px !important;

  border:
    1px solid rgba(102,180,216,.15) !important;

  border-radius:16px !important;

  color:#e9f3f7 !important;

  background:
    rgba(255,255,255,.025) !important;

  box-shadow:none !important;

  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease !important;
}


@media(hover:hover){

  .website-v2 .ca-v2-sales .sales-option:hover{
    transform:
      translateX(3px);

    border-color:
      rgba(57,174,224,.48) !important;

    background:
      rgba(19,126,177,.08) !important;
  }

}


.website-v2 .ca-v2-sales .sales-option.is-selected{
  border-color:
    #199bda !important;

  background:
    rgba(20,138,191,.11) !important;

  box-shadow:
    inset 3px 0 #1a9fdd !important;
}


.website-v2 .ca-v2-sales .sales-option-icon{
  width:46px !important;
  height:46px !important;

  display:grid;

  place-items:center;

  border:
    1px solid rgba(75,178,224,.17);

  border-radius:13px !important;

  color:#80d1f2 !important;

  background:
    rgba(14,105,150,.17) !important;
}


.website-v2 .ca-v2-sales .sales-option-copy strong{
  display:block;

  color:#edf6f9 !important;

  font-size:13px !important;
}


.website-v2 .ca-v2-sales .sales-option-copy small{
  display:block;

  margin-top:3px;

  color:#7e99a6 !important;

  font-size:9px !important;
}


.website-v2 .ca-v2-sales .sales-option-arrow{
  color:#0A56B4 !important;
}



/* ==========================================================
   RESULT
   ========================================================== */

.website-v2 .ca-v2-sales .sales-result-kicker{
  color:#56dda2 !important;
}


.website-v2 .ca-v2-sales .sales-result-actions{
  gap:10px !important;
}



/* ==========================================================
   CLASSIC THEME
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales{
  color:#17394c;

  background:
    radial-gradient(
      circle at 30% 48%,
      rgba(24,146,205,.08),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #f8fafb,
      #edf5f8 52%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales::before{
  opacity:.48;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales-head h2{
  color:#14364a !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales-head h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales-head-copy > p{
  color:#617987 !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales .sales-section-meta span{
  color:#617d8b !important;

  border-color:#d3e3ea;

  background:
    rgba(255,255,255,.65);
}


/* shell bleibt als Produktfläche bewusst kontrastreich */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.craftagent-sales-shell{
  border-color:#c7dce6 !important;

  background:#fff !important;

  box-shadow:
    0 28px 75px rgba(28,74,99,.11) !important;
}


/* Persona Classic */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-persona{
  border-right-color:#d2e4ec !important;

  background:
    radial-gradient(
      circle at 58% 58%,
      rgba(31,153,211,.15),
      transparent 43%
    ),
    linear-gradient(
      150deg,
      #0d7bb5,
      #08679d
    ) !important;
}


/* Advisor Classic */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-advisor{
  background:
    linear-gradient(
      145deg,
      #ffffff,
      #edf6f9
    ) !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-advisor-head{
  border-bottom-color:#dbe7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
#sales-progress-label{
  color:#17394c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-question h3,
html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-result h3{
  color:#17394c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option{
  color:#17394c !important;

  border-color:#d6e5eb !important;

  background:#fff !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option:hover{
  border-color:#54b5df !important;

  background:#f0f9fc !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option.is-selected{
  border-color:#1595d2 !important;

  background:#ecf8fd !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-copy strong{
  color:#17394c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-copy small{
  color:#6d8592 !important;
}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1050px){

  .website-v2
  .ca-v2-sales
  .craftagent-sales-shell{
    grid-template-columns:1fr !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-persona{
    min-height:610px !important;

    border-right:0 !important;

    border-bottom:
      1px solid rgba(255,255,255,.07) !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-advisor{
    min-height:620px;
  }

}


@media(max-width:850px){

  .website-v2 .ca-v2-sales-head{
    grid-template-columns:1fr;

    gap:26px;
  }

}


@media(max-width:620px){

  .website-v2 .ca-v2-sales{
    padding:
      85px 0;
  }

  .website-v2 .ca-v2-sales-stage-label{
    align-items:flex-start;

    flex-direction:column;

    gap:4px;
  }

  .website-v2
  .ca-v2-sales
  .craftagent-sales-shell{
    border-radius:22px !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-persona{
    min-height:560px !important;

    padding:
      25px 22px 0 !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-persona-copy h3{
    font-size:38px !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-persona-trust{
    left:12px !important;
    right:12px !important;

    grid-template-columns:1fr;
  }

  .website-v2
  .ca-v2-sales
  .sales-persona-trust > div + div{
    border-left:0 !important;

    border-top:
      1px solid rgba(255,255,255,.07) !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-advisor{
    min-height:0;

    padding:
      23px 18px 26px;
  }

  .website-v2
  .ca-v2-sales
  .sales-advisor-head{
    align-items:flex-start;

    flex-direction:column;
  }

  .website-v2
  .ca-v2-sales
  .craftagent-sales-body{
    padding-top:
      28px !important;
  }

  .website-v2
  .ca-v2-sales
  .sales-option{
    grid-template-columns:
      44px minmax(0,1fr) 25px;
  }

}


/* ==========================================================
   END V20.47.13
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.13A
   PERSONAL SALES POLISH
   ========================================================== */


/* ==========================================================
   LOGO – KEINE WEISSE KACHEL MEHR
   ========================================================== */

.website-v2
.ca-v2-sales
.ca-v2-sales-brand{
  width:auto !important;
  height:auto !important;

  display:inline-flex !important;

  align-items:center;

  padding:0 !important;

  border:0 !important;

  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;

  overflow:visible !important;
}


.website-v2
.ca-v2-sales
.ca-v2-sales-brand img{
  width:auto !important;
  height:42px !important;

  max-width:165px !important;
  max-height:42px !important;

  display:block;

  object-fit:contain;

  /*
   * Original-Logo wird auf dunkler Fläche
   * komplett hell dargestellt.
   */
  filter:
    grayscale(1)
    brightness(0)
    invert(1)
    opacity(.94);
}


/* ==========================================================
   TILL – BILDPROPORTIONEN
   ========================================================== */

.website-v2
.ca-v2-sales
.sales-persona-visual{
  height:59% !important;
}


.website-v2
.ca-v2-sales
.sales-persona-image{
  height:96% !important;

  max-height:96% !important;

  bottom:-12px !important;
}


/*
 * Etwas mehr optische Trennung zwischen
 * Intro-Text und Person.
 */

.website-v2
.ca-v2-sales
.sales-persona-copy{
  max-width:365px;
}


.website-v2
.ca-v2-sales
.sales-persona-copy > p{
  max-width:340px;

  margin-top:15px !important;
}


/* ==========================================================
   STAGE LABEL
   ========================================================== */

.website-v2
.ca-v2-sales-stage-label{
  justify-content:flex-start !important;

  min-height:20px;
}


.website-v2
.ca-v2-sales-stage-label > span{
  color:#78cff4 !important;
}


/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.ca-v2-sales-brand img{
  /*
   * Auch im Classic-Sales-Panel ist die Persona blau.
   * Deshalb Logo weiterhin weiß.
   */
  filter:
    grayscale(1)
    brightness(0)
    invert(1)
    opacity(.96);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:620px){

  .website-v2
  .ca-v2-sales
  .ca-v2-sales-brand img{
    height:37px !important;

    max-height:37px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-persona-visual{
    height:57% !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-persona-image{
    height:94% !important;

    max-height:94% !important;

    bottom:-10px !important;
  }

}


/* ==========================================================
   END V20.47.13A
   ========================================================== */


/* ==========================================================
   V20.47.13B – SALES OPTION BUTTON POLISH
   ========================================================== */

.website-v2
.ca-v2-sales
.sales-options{
  gap:12px !important;
}


.website-v2
.ca-v2-sales
.sales-option{
  min-height:88px !important;

  grid-template-columns:
    52px minmax(0,1fr) 36px !important;

  gap:16px !important;

  padding:
    15px 16px !important;

  border-radius:18px !important;
}


.website-v2
.ca-v2-sales
.sales-option-icon{
  width:50px !important;
  height:50px !important;

  border-radius:14px !important;

  font-size:18px !important;
}


.website-v2
.ca-v2-sales
.sales-option-copy{
  min-width:0 !important;
}


.website-v2
.ca-v2-sales
.sales-option-copy strong{
  display:block !important;

  max-width:none !important;

  color:#f4f9fb !important;

  font-size:15px !important;

  line-height:1.22 !important;

  font-weight:850 !important;

  letter-spacing:-.015em !important;

  white-space:normal !important;

  word-break:normal !important;
}


.website-v2
.ca-v2-sales
.sales-option-copy small{
  display:block !important;

  max-width:520px !important;

  margin-top:6px !important;

  color:#8fa8b4 !important;

  font-size:11px !important;

  line-height:1.45 !important;

  white-space:normal !important;

  word-break:normal !important;
}


.website-v2
.ca-v2-sales
.sales-option-arrow{
  display:grid !important;

  place-items:center !important;

  width:34px !important;
  height:34px !important;

  justify-self:end !important;

  border-radius:50% !important;

  color:#0A56B4 !important;

  background:
    rgba(18,124,176,.10) !important;

  border:
    1px solid rgba(73,177,224,.14) !important;

  font-size:14px !important;
}


@media(hover:hover){

  .website-v2
  .ca-v2-sales
  .sales-option:hover
  .sales-option-arrow{
    transform:translateX(2px);

    background:
      rgba(19,142,198,.16) !important;
  }

}


/* ausgewählt */

.website-v2
.ca-v2-sales
.sales-option.is-selected{
  border-color:#1a9cda !important;

  background:
    linear-gradient(
      135deg,
      rgba(19,137,190,.14),
      rgba(21,108,155,.08)
    ) !important;
}


/* Zurück-Button ebenfalls angleichen */

.website-v2
.ca-v2-sales
.sales-back,
.website-v2
.ca-v2-sales
button[class*="back"]{
  min-height:42px !important;

  padding:
    0 15px !important;

  border:
    1px solid rgba(100,179,215,.16) !important;

  border-radius:11px !important;

  color:#a9bfca !important;

  background:
    rgba(255,255,255,.035) !important;

  font-size:10px !important;

  font-weight:800 !important;

  box-shadow:none !important;
}


/* CLASSIC */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-copy strong{
  color:#17394c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-copy small{
  color:#667f8c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-arrow{
  color:#1689c7 !important;

  background:#edf7fb !important;

  border-color:#cee4ee !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-back,
html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
button[class*="back"]{
  color:#557280 !important;

  border-color:#d4e4ea !important;

  background:#fff !important;
}


/* MOBILE */

@media(max-width:620px){

  .website-v2
  .ca-v2-sales
  .sales-option{
    min-height:82px !important;

    grid-template-columns:
      46px minmax(0,1fr) 31px !important;

    gap:12px !important;

    padding:
      13px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-icon{
    width:44px !important;
    height:44px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-copy strong{
    font-size:14px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-copy small{
    font-size:10px !important;
  }

}


/* ==========================================================
   END V20.47.13B
   ========================================================== */


/* ==========================================================
   V20.47.13C – SALES OPTION LAYOUT FIX
   Die komplette Kartenbreite wirklich nutzen
   ========================================================== */

.website-v2 .ca-v2-sales .sales-option{
  display:grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    44px !important;

  grid-template-areas:
    "copy arrow" !important;

  align-items:center !important;

  width:100% !important;
  max-width:none !important;

  min-height:92px !important;

  padding:18px 20px !important;

  column-gap:24px !important;
}


/* eventuell vorhandenes Icon darf keine Spalte blockieren */

.website-v2 .ca-v2-sales .sales-option-icon{
  display:none !important;
}


/* DAS war der entscheidende Punkt */

.website-v2 .ca-v2-sales .sales-option-copy{
  grid-area:copy !important;

  display:block !important;

  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  flex:1 1 auto !important;

  padding:0 !important;
  margin:0 !important;
}


.website-v2 .ca-v2-sales .sales-option-copy strong{
  display:block !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;

  color:#f7fbfd !important;

  font-size:16px !important;
  line-height:1.22 !important;

  font-weight:850 !important;

  letter-spacing:-.015em !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;

  hyphens:none !important;
}


/* Beschreibung als echte Subline */

.website-v2 .ca-v2-sales .sales-option-copy small{
  display:block !important;

  width:100% !important;
  max-width:540px !important;

  margin:7px 0 0 !important;

  color:#9bb0bb !important;

  font-size:11px !important;
  line-height:1.45 !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;

  hyphens:none !important;
}


/* Pfeil konsequent rechts */

.website-v2 .ca-v2-sales .sales-option-arrow{
  grid-area:arrow !important;

  position:static !important;

  display:grid !important;
  place-items:center !important;

  justify-self:end !important;
  align-self:center !important;

  width:36px !important;
  height:36px !important;

  margin:0 !important;

  border-radius:50% !important;

  color:#66d0f5 !important;

  background:rgba(14,116,164,.12) !important;

  border:
    1px solid rgba(77,184,230,.18) !important;
}


/* Unsicher darf kompakter sein */

.website-v2 .ca-v2-sales .sales-option:last-child{
  min-height:72px !important;
}


/* ausgewählte Option */

.website-v2 .ca-v2-sales .sales-option.is-selected{
  border-color:#20a9e5 !important;

  background:
    linear-gradient(
      135deg,
      rgba(12,145,202,.16),
      rgba(15,101,146,.08)
    ) !important;

  box-shadow:
    inset 3px 0 0 #24b5ec !important;
}


/* Hover */

@media (hover:hover){

  .website-v2 .ca-v2-sales .sales-option:hover{
    border-color:
      rgba(65,174,220,.42) !important;

    background:
      rgba(255,255,255,.035) !important;

    transform:translateY(-1px);
  }

}


/* Classic */

html[data-site-theme="classic"]
.website-v2 .ca-v2-sales .sales-option-copy strong{
  color:#123348 !important;
}

html[data-site-theme="classic"]
.website-v2 .ca-v2-sales .sales-option-copy small{
  color:#687f8d !important;
}


/* Mobile */

@media(max-width:620px){

  .website-v2 .ca-v2-sales .sales-option{
    grid-template-columns:
      minmax(0,1fr)
      36px !important;

    min-height:82px !important;

    padding:15px 16px !important;

    column-gap:14px !important;
  }

  .website-v2 .ca-v2-sales .sales-option-copy strong{
    font-size:14px !important;
  }

  .website-v2 .ca-v2-sales .sales-option-copy small{
    font-size:10px !important;
  }

  .website-v2 .ca-v2-sales .sales-option-arrow{
    width:32px !important;
    height:32px !important;
  }

}


/* ==========================================================
   END V20.47.13C
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.13D
   SALES ICONS + RESULT PRICE POLISH
   ========================================================== */


/* ==========================================================
   OPTIONS
   ICON | TEXT | ARROW
   ========================================================== */

.website-v2
.ca-v2-sales
.sales-option{
  display:grid !important;

  grid-template-columns:
    52px
    minmax(0,1fr)
    40px !important;

  grid-template-areas:
    "icon copy arrow" !important;

  align-items:center !important;

  width:100% !important;
  max-width:none !important;

  min-height:92px !important;

  column-gap:16px !important;

  padding:
    16px 18px !important;
}


/* Icons aus 13C wieder herstellen */

.website-v2
.ca-v2-sales
.sales-option-icon{
  grid-area:icon !important;

  display:grid !important;
  place-items:center !important;

  position:static !important;

  width:50px !important;
  height:50px !important;

  min-width:50px !important;
  max-width:50px !important;

  margin:0 !important;
  padding:0 !important;

  border-radius:14px !important;

  border:
    1px solid rgba(75,178,224,.20) !important;

  color:#8bd9f6 !important;

  background:
    linear-gradient(
      145deg,
      rgba(18,118,163,.22),
      rgba(11,86,124,.16)
    ) !important;

  font-size:18px !important;
  line-height:1 !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.035) !important;
}


/* Text bekommt weiterhin die komplette verfügbare Breite */

.website-v2
.ca-v2-sales
.sales-option-copy{
  grid-area:copy !important;

  display:block !important;

  width:100% !important;
  max-width:none !important;
  min-width:0 !important;

  padding:0 !important;
  margin:0 !important;
}


.website-v2
.ca-v2-sales
.sales-option-copy strong{
  display:block !important;

  width:100% !important;
  max-width:none !important;

  margin:0 !important;

  color:#f5fafc !important;

  font-size:16px !important;
  line-height:1.22 !important;

  font-weight:850 !important;

  letter-spacing:-.015em !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;

  hyphens:none !important;
}


.website-v2
.ca-v2-sales
.sales-option-copy small{
  display:block !important;

  width:100% !important;
  max-width:620px !important;

  margin:
    6px 0 0 !important;

  color:#9aafba !important;

  font-size:11px !important;
  line-height:1.48 !important;

  white-space:normal !important;

  word-break:normal !important;
  overflow-wrap:normal !important;

  hyphens:none !important;
}


/* Arrow */

.website-v2
.ca-v2-sales
.sales-option-arrow{
  grid-area:arrow !important;

  position:static !important;

  display:grid !important;
  place-items:center !important;

  justify-self:end !important;
  align-self:center !important;

  width:36px !important;
  height:36px !important;

  margin:0 !important;

  border-radius:50% !important;

  color:#69cff5 !important;

  border:
    1px solid rgba(74,181,229,.18) !important;

  background:
    rgba(13,111,158,.13) !important;

  font-size:14px !important;
}


/* Selected */

.website-v2
.ca-v2-sales
.sales-option.is-selected{
  border-color:
    #1da9e3 !important;

  background:
    linear-gradient(
      135deg,
      rgba(15,146,201,.16),
      rgba(10,89,130,.08)
    ) !important;

  box-shadow:
    inset 3px 0 0
    #22b7ec !important;
}


.website-v2
.ca-v2-sales
.sales-option.is-selected
.sales-option-icon{
  color:#b9edff !important;

  border-color:
    rgba(70,198,245,.35) !important;

  background:
    rgba(16,139,193,.24) !important;
}



/* ==========================================================
   RESULT PRICE
   ========================================================== */

/*
 * WICHTIG:
 * Der Preis ist der zentrale visuelle Anker
 * der Empfehlung.
 */

.website-v2
.ca-v2-sales
.sales-price{
  display:flex !important;

  align-items:baseline !important;

  gap:8px !important;

  margin:
    22px 0 8px !important;
}


.website-v2
.ca-v2-sales
.sales-price strong{
  display:block !important;

  color:#28e6a1 !important;

  font-size:
    clamp(46px,4.3vw,68px) !important;

  line-height:.92 !important;

  font-weight:950 !important;

  letter-spacing:-.055em !important;

  text-shadow:
    0 0 28px
    rgba(40,230,161,.10);
}


.website-v2
.ca-v2-sales
.sales-price span{
  color:#9eb1bb !important;

  font-size:16px !important;

  line-height:1 !important;

  font-weight:500 !important;
}


/* Preisdetails direkt darunter */

.website-v2
.ca-v2-sales
.sales-price + *{
  color:#91a7b2;
}


/* Sparhinweis ebenfalls etwas klarer */

.website-v2
.ca-v2-sales
.sales-saving{
  display:inline-flex !important;

  align-items:center;

  margin-top:10px !important;

  color:#168c5d !important;

  border-color:
    rgba(44,211,147,.22) !important;

  background:
    #e8fff4 !important;

  font-weight:850 !important;
}



/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-icon{
  color:#168bc8 !important;

  border-color:
    #c9e3ee !important;

  background:
    #eaf6fb !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-copy strong{
  color:#17394c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-option-copy small{
  color:#667f8c !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-price strong{
  color:#0a9b68 !important;

  text-shadow:none !important;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-sales
.sales-price span{
  color:#647d8a !important;
}



/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:620px){

  .website-v2
  .ca-v2-sales
  .sales-option{
    grid-template-columns:
      44px
      minmax(0,1fr)
      32px !important;

    column-gap:12px !important;

    min-height:82px !important;

    padding:
      13px 14px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-icon{
    width:42px !important;
    height:42px !important;

    min-width:42px !important;
    max-width:42px !important;

    border-radius:12px !important;

    font-size:16px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-copy strong{
    font-size:14px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-copy small{
    font-size:10px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-option-arrow{
    width:31px !important;
    height:31px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-price strong{
    font-size:48px !important;
  }


  .website-v2
  .ca-v2-sales
  .sales-price span{
    font-size:14px !important;
  }

}


/* ==========================================================
   END V20.47.13D
   ========================================================== */


/* ==========================================================
   CRAFTAGENT V20.47.14
   FINAL CONVERSION EXPERIENCE
   ========================================================== */

.website-v2 .ca-v2-final{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    clamp(110px,9vw,155px)
    0;

  color:#eef7fb;

  background:
    linear-gradient(
      180deg,
      #061722,
      #082435 55%,
      #061722
    );

  border-top:
    1px solid rgba(255,255,255,.055);

  transition:
    background .45s ease,
    color .45s ease;
}


.website-v2 .ca-v2-final-grid-bg{
  position:absolute;
  inset:0;

  z-index:-3;

  opacity:.27;

  background-image:
    linear-gradient(
      rgba(255,255,255,.02) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.02) 1px,
      transparent 1px
    );

  background-size:
    76px 76px;

  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      #000 15%,
      #000 85%,
      transparent
    );
}


.website-v2 .ca-v2-final-glow{
  position:absolute;

  width:950px;
  height:720px;

  right:-260px;
  top:50%;

  z-index:-2;

  transform:
    translateY(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(20,158,221,.17),
      transparent 68%
    );
}


.website-v2 .ca-v2-final-inner{
  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(350px,.72fr);

  align-items:center;

  gap:
    clamp(70px,9vw,145px);
}


.website-v2 .ca-v2-final-kicker{
  display:flex;

  align-items:center;

  gap:9px;

  margin-bottom:22px;

  color:#67c8f1;

  font-size:10px;

  font-weight:900;

  letter-spacing:.12em;
}


.website-v2 .ca-v2-final-kicker span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#29df99;

  box-shadow:
    0 0 10px rgba(41,223,153,.45);
}


.website-v2 .ca-v2-final-main h2{
  max-width:850px;

  margin:0;

  color:#fff;

  font-size:
    clamp(54px,5.4vw,88px);

  line-height:.92;

  letter-spacing:-.058em;

  font-weight:900;
}


.website-v2 .ca-v2-final-main h2 span{
  color:#0A56B4;
}


.website-v2 .ca-v2-final-main > p{
  max-width:640px;

  margin:
    28px 0 0;

  color:#9ab0bb;

  font-size:
    clamp(15px,1.1vw,18px);

  line-height:1.75;
}



/* ==========================================================
   FINAL ACTION
   ========================================================== */

.website-v2 .ca-v2-final-action{
  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap:12px;
}


.website-v2 .ca-v2-final-primary{
  width:100%;

  min-height:68px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    0 22px;

  border-radius:16px;

  color:#fff !important;

  text-decoration:none;

  background:
    linear-gradient(
      135deg,
      #1598d6,
      #1682c0
    );

  box-shadow:
    0 20px 45px rgba(20,139,198,.20);

  font-size:14px;

  font-weight:900;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}


.website-v2 .ca-v2-final-primary b{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  flex:0 0 34px;

  border-radius:50%;

  background:
    rgba(255,255,255,.12);

  font-size:16px;
}


@media(hover:hover){

  .website-v2 .ca-v2-final-primary:hover{
    transform:
      translateY(-2px);

    box-shadow:
      0 26px 55px rgba(20,139,198,.27);

    filter:
      brightness(1.05);
  }

}


.website-v2 .ca-v2-final-secondary{
  display:inline-flex;

  align-items:center;

  min-height:44px;

  padding:
    0 14px;

  border:
    1px solid rgba(107,185,219,.15);

  border-radius:11px;

  color:#91adba !important;

  background:
    rgba(255,255,255,.025);

  text-decoration:none;

  font-size:10px;

  font-weight:800;
}


.website-v2 .ca-v2-final-trust{
  display:flex;

  flex-wrap:wrap;

  gap:
    9px 15px;

  margin-top:10px;
}


.website-v2 .ca-v2-final-trust span{
  display:inline-flex;

  align-items:center;

  gap:6px;

  color:#738e9c;

  font-size:9px;

  font-weight:750;
}


.website-v2 .ca-v2-final-trust i{
  width:20px;
  height:20px;

  display:grid;
  place-items:center;

  border-radius:50%;

  color:#30dea0;

  background:
    rgba(40,194,139,.08);

  font-style:normal;

  font-size:8px;

  font-weight:900;
}



/* ==========================================================
   FOOTER V2
   ========================================================== */

.website-v2 .ca-v2-footer{
  position:relative;

  padding:
    58px 0 0;

  color:#8fa6b2;

  background:#04131d;

  border-top:
    1px solid rgba(255,255,255,.06);
}


.website-v2 .ca-v2-footer .footer-grid{
  display:grid;

  grid-template-columns:
    1.15fr 1fr auto;

  align-items:start;

  gap:50px;

  padding-bottom:42px;
}


.website-v2 .ca-v2-footer .footer-brand img{
  display:block;

  width:auto;
  height:38px;

  max-width:155px;

  object-fit:contain;

  filter:
    grayscale(1)
    brightness(0)
    invert(1)
    opacity(.92);
}


.website-v2 .ca-v2-footer .footer-brand p{
  margin:
    14px 0 0;

  color:#6e8794;

  font-size:11px;
}


.website-v2 .ca-v2-footer .footer-links{
  display:flex;

  flex-wrap:wrap;

  gap:
    10px 20px;
}


.website-v2 .ca-v2-footer .footer-links a{
  color:#8da5b1;

  text-decoration:none;

  font-size:10px;

  font-weight:750;

  transition:
    color .2s ease;
}


.website-v2 .ca-v2-footer .footer-links a:hover{
  color:#fff;
}


.website-v2 .ca-v2-footer .footer-copy{
  color:#5f7784;

  font-size:9px;

  white-space:nowrap;
}



/* GEWERKE FOOTER */

.website-v2 .ca-v2-footer .footer-trades{
  display:grid;

  grid-template-columns:
    190px 1fr;

  gap:30px;

  align-items:start;

  padding:
    28px max(
      calc((100vw - var(--container, 1400px))/2),
      24px
    )
    34px;

  border-top:
    1px solid rgba(255,255,255,.055);

  background:
    rgba(255,255,255,.012);
}


.website-v2 .ca-v2-footer .footer-trades-title{
  color:#5fbedf;

  font-size:8px;

  font-weight:900;

  letter-spacing:.10em;

  text-transform:uppercase;
}


.website-v2 .ca-v2-footer .footer-trades-links{
  display:flex;

  flex-wrap:wrap;

  gap:
    8px 18px;
}


.website-v2 .ca-v2-footer .footer-trades-links a{
  color:#718c99;

  text-decoration:none;

  font-size:9px;

  transition:
    color .2s ease;
}


.website-v2 .ca-v2-footer .footer-trades-links a:hover{
  color:#9fd8ee;
}



/* ==========================================================
   CLASSIC
   ========================================================== */

html[data-site-theme="classic"]
.website-v2
.ca-v2-final{
  color:#17394c;

  background:
    radial-gradient(
      circle at 76% 50%,
      rgba(20,151,212,.10),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #f8fafb,
      #edf6f9 55%,
      #f8fafb
    );

  border-top-color:#dce7ec;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-final-grid-bg{
  opacity:.48;

  background-image:
    linear-gradient(
      rgba(28,82,111,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(28,82,111,.035) 1px,
      transparent 1px
    );
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-final-main h2{
  color:#14364a;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-final-main h2 span{
  color:#0A56B4;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-final-main > p{
  color:#617987;
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-final-secondary{
  color:#5c7785 !important;

  border-color:#d2e3ea;

  background:
    rgba(255,255,255,.72);
}


html[data-site-theme="classic"]
.website-v2
.ca-v2-final-trust span{
  color:#647e8b;
}


/* Footer darf auch bei Classic bewusst dunkel bleiben */

html[data-site-theme="classic"]
.website-v2
.ca-v2-footer{
  background:#071722;
}



/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:900px){

  .website-v2 .ca-v2-final-inner{
    grid-template-columns:1fr;

    gap:48px;
  }

  .website-v2 .ca-v2-final-action{
    max-width:620px;
  }

  .website-v2 .ca-v2-footer .footer-grid{
    grid-template-columns:
      1fr 1fr;
  }

  .website-v2 .ca-v2-footer .footer-copy{
    grid-column:
      1 / -1;
  }

}


@media(max-width:620px){

  .website-v2 .ca-v2-final{
    padding:
      85px 0;
  }

  .website-v2 .ca-v2-final-main h2{
    font-size:46px;
  }

  .website-v2 .ca-v2-final-primary{
    min-height:62px;

    padding:
      0 17px;

    font-size:12px;
  }

  .website-v2 .ca-v2-footer{
    padding-top:45px;
  }

  .website-v2 .ca-v2-footer .footer-grid{
    grid-template-columns:1fr;

    gap:28px;
  }

  .website-v2 .ca-v2-footer .footer-trades{
    grid-template-columns:1fr;

    gap:14px;

    padding-left:20px;
    padding-right:20px;
  }

}


/* ==========================================================
   END V20.47.14
   ========================================================== */


/* =========================================================
   CRAFTAGENT V20.48.0A
   WEBSITE 2.0 – GLOBAL FOUNDATION POLISH

   Additiver Final-Polish-Layer.
   Keine bestehende Section-Architektur wird verändert.
   ========================================================= */


/* ---------------------------------------------------------
   1. GLOBAL DESIGN TOKENS
   --------------------------------------------------------- */

.website-v2{
  --ca-v2-page-gutter:32px;
  --ca-v2-content-width:1480px;

  --ca-v2-section-space:
    clamp(92px,8vw,142px);

  --ca-v2-section-space-compact:
    clamp(72px,6.5vw,112px);

  --ca-v2-heading-gap:
    clamp(22px,2vw,32px);

  --ca-v2-card-radius:24px;

  --ca-v2-transition:
    180ms cubic-bezier(.2,.75,.25,1);
}


/* ---------------------------------------------------------
   2. CONTAINER SYSTEM
   --------------------------------------------------------- */

.website-v2 .ca-v2-container{
  width:min(
    var(--ca-v2-content-width),
    calc(100% - (var(--ca-v2-page-gutter) * 2))
  );
  margin-left:auto;
  margin-right:auto;
}


/* Legacy Container innerhalb Website 2.0 angleichen */

.website-v2 main > section > .container{
  width:min(
    var(--ca-v2-content-width),
    calc(100% - (var(--ca-v2-page-gutter) * 2))
  );
  margin-left:auto;
  margin-right:auto;
}


/* ---------------------------------------------------------
   3. TYPOGRAPHY RENDERING
   --------------------------------------------------------- */

.website-v2{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.website-v2 h1,
.website-v2 h2,
.website-v2 h3{
  text-wrap:balance;
}

.website-v2 p{
  text-wrap:pretty;
}


/* ---------------------------------------------------------
   4. SECTION RHYTHM

   Nur echte Hauptsections.
   Keine verschachtelten Demo-/Theme-Panels.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-value,
.website-v2 main > .ca-v2-theme-experience,
.website-v2 main > .ca-v2-trades,
.website-v2 main > .ca-v2-personalize,
.website-v2 main > .ca-v2-demo,
.website-v2 main > .ca-v2-setup,
.website-v2 main > .ca-v2-lead,
.website-v2 main > .ca-v2-compare,
.website-v2 main > .ca-v2-delivery,
.website-v2 main > .ca-v2-faq{
  position:relative;
}


/* ---------------------------------------------------------
   5. SUBTLE SECTION SEPARATION

   Verhindert harte optische Abrisse zwischen großen
   Bereichen, ohne sichtbare Trennlinien einzuführen.
   --------------------------------------------------------- */

.website-v2 main > section{
  isolation:isolate;
}

.website-v2 main > section::selection{
  background:rgba(50,174,232,.28);
}


/* ---------------------------------------------------------
   6. INTERACTIVE ELEMENT CONSISTENCY
   --------------------------------------------------------- */

.website-v2 a,
.website-v2 button,
.website-v2 summary{
  -webkit-tap-highlight-color:transparent;
}

.website-v2 button,
.website-v2 a{
  transition:
    color var(--ca-v2-transition),
    background-color var(--ca-v2-transition),
    border-color var(--ca-v2-transition),
    box-shadow var(--ca-v2-transition),
    opacity var(--ca-v2-transition),
    transform var(--ca-v2-transition);
}


/* ---------------------------------------------------------
   7. KEYBOARD ACCESSIBILITY
   --------------------------------------------------------- */

.website-v2 a:focus-visible,
.website-v2 button:focus-visible,
.website-v2 summary:focus-visible{
  outline:2px solid #35bdf2;
  outline-offset:4px;
}


/* ---------------------------------------------------------
   8. MEDIA STABILITY
   --------------------------------------------------------- */

.website-v2 img{
  max-width:100%;
}

.website-v2 img:not([width]):not([height]){
  height:auto;
}


/* ---------------------------------------------------------
   9. DESKTOP MICRO-POLISH
   --------------------------------------------------------- */

@media(min-width:901px){

  .website-v2 main > section{
    scroll-margin-top:92px;
  }

}


/* ---------------------------------------------------------
   10. TABLET
   --------------------------------------------------------- */

@media(max-width:900px){

  .website-v2{
    --ca-v2-page-gutter:24px;

    --ca-v2-section-space:
      clamp(76px,9vw,104px);

    --ca-v2-section-space-compact:
      clamp(64px,8vw,88px);
  }

  .website-v2 main > section{
    scroll-margin-top:82px;
  }

}


/* ---------------------------------------------------------
   11. MOBILE
   --------------------------------------------------------- */

@media(max-width:620px){

  .website-v2{
    --ca-v2-page-gutter:18px;

    --ca-v2-section-space:
      clamp(64px,16vw,82px);

    --ca-v2-section-space-compact:
      clamp(54px,13vw,70px);

    --ca-v2-card-radius:20px;
  }

  .website-v2 main > section{
    scroll-margin-top:72px;
  }

}


/* ---------------------------------------------------------
   12. SMALL MOBILE
   --------------------------------------------------------- */

@media(max-width:390px){

  .website-v2{
    --ca-v2-page-gutter:15px;
  }

}


/* ---------------------------------------------------------
   13. REDUCED MOTION
   --------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  .website-v2 *,
  .website-v2 *::before,
  .website-v2 *::after{
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
  }

}


/* =========================================================
   END V20.48.0A
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0B
   VISUAL RHYTHM & SECTION TRANSITIONS
   ========================================================= */


/* ---------------------------------------------------------
   1. SECTION RHYTHM

   Die Website bleibt großzügig, verliert aber die teilweise
   sehr großen "toten" Flächen zwischen den Hauptbereichen.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-value,
.website-v2 main > .ca-v2-trades,
.website-v2 main > .ca-v2-personalize,
.website-v2 main > .ca-v2-demo,
.website-v2 main > .ca-v2-setup,
.website-v2 main > .ca-v2-lead,
.website-v2 main > .ca-v2-compare,
.website-v2 main > .ca-v2-delivery,
.website-v2 main > .ca-v2-faq{
  padding-top:
    clamp(86px,7vw,118px) !important;

  padding-bottom:
    clamp(86px,7vw,118px) !important;
}


/* Theme Experience darf etwas großzügiger bleiben */

.website-v2 main > .ca-v2-theme-experience{
  padding-top:
    clamp(96px,7.5vw,126px) !important;

  padding-bottom:
    clamp(96px,7.5vw,126px) !important;
}


/* ---------------------------------------------------------
   2. SOFTER WECHSEL ZWISCHEN HELLEN BEREICHEN

   Sehr leichte Lichtflächen statt harter Farbblöcke.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-value,
.website-v2 main > .ca-v2-personalize,
.website-v2 main > .ca-v2-lead,
.website-v2 main > .ca-v2-delivery{
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(50,174,232,.045),
      transparent 34%
    );
}


/* ---------------------------------------------------------
   3. THEME EXPERIENCE ÜBERGANG

   Der Bereich bekommt oben etwas räumliche Tiefe, damit
   er wie ein neuer Abschnitt wirkt, ohne abgetrennt zu sein.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-theme-experience{
  background:
    radial-gradient(
      ellipse at 50% 0%,
      rgba(42,174,229,.065),
      transparent 42%
    );
}


/* ---------------------------------------------------------
   4. SUBTLE SECTION DIVIDERS

   Nur dort, wo aufeinanderfolgende helle Bereiche sonst
   optisch ineinanderlaufen.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-theme-experience,
.website-v2 main > .ca-v2-trades,
.website-v2 main > .ca-v2-setup,
.website-v2 main > .ca-v2-compare{
  border-top:
    1px solid rgba(20,65,88,.07);
}


/* ---------------------------------------------------------
   5. SECTION HEADINGS

   Einheitlicher Abstand zwischen Eyebrow, Headline,
   Erklärung und anschließendem Inhalt.
   --------------------------------------------------------- */

.website-v2 main > section h2{
  margin-top:0;
}

.website-v2 main > section h2 + p{
  margin-top:
    clamp(18px,1.6vw,26px);
}


/* ---------------------------------------------------------
   6. LARGE VISUALS / CARDS

   Die großen Produktdarstellungen sollen optisch enger
   an ihre Einleitung gekoppelt sein.
   --------------------------------------------------------- */

.website-v2 .ca-v2-theme-stage,
.website-v2 .ca-v2-steps-grid,
.website-v2 .ca-v2-compare-stage{
  margin-top:
    clamp(42px,4vw,66px);
}


/* ---------------------------------------------------------
   7. DESKTOP FLOW
   --------------------------------------------------------- */

@media(min-width:1101px){

  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery{
    min-height:auto !important;
  }

}


/* ---------------------------------------------------------
   8. TABLET
   --------------------------------------------------------- */

@media(max-width:900px){

  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq{
    padding-top:
      clamp(70px,9vw,92px) !important;

    padding-bottom:
      clamp(70px,9vw,92px) !important;
  }

}


/* ---------------------------------------------------------
   9. MOBILE

   Mobile bewusst kompakter als Desktop.
   --------------------------------------------------------- */

@media(max-width:620px){

  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq{
    padding-top:
      clamp(58px,14vw,74px) !important;

    padding-bottom:
      clamp(58px,14vw,74px) !important;
  }

  .website-v2 .ca-v2-theme-stage,
  .website-v2 .ca-v2-steps-grid,
  .website-v2 .ca-v2-compare-stage{
    margin-top:36px;
  }

}


/* =========================================================
   END V20.48.0B
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0D
   SECTION GAP CORRECTION

   Nur auffällige Übergänge werden verdichtet.
   Kein globales Re-Spacing.
   ========================================================= */


/* ---------------------------------------------------------
   1. DESIGNS -> GEWERKE

   Theme Experience endet derzeit mit bis zu 126px.
   Das ist zusammen mit dem oberen Gewerke-Padding zu viel.

   Wir reduzieren bewusst hauptsächlich die Unterkante
   der vorherigen Section.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-theme-experience{
  padding-bottom:
    clamp(54px,4vw,72px) !important;
}


/* Gewerke behält Luft zur Headline, aber etwas kompakter */

.website-v2 main > .ca-v2-trades{
  padding-top:
    clamp(68px,5vw,88px) !important;
}


/* ---------------------------------------------------------
   2. GEWERKE -> INDIVIDUALISIERUNG

   Auch hier entsteht der große Abstand aus:
   Gewerke unten + Individualisierung oben.

   Unterkante Gewerke stärker reduzieren.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-trades{
  padding-bottom:
    clamp(54px,4vw,72px) !important;
}


.website-v2 main > .ca-v2-personalize{
  padding-top:
    clamp(70px,5vw,90px) !important;
}


/* ---------------------------------------------------------
   3. VISUELLE VERBINDUNG

   Keine zusätzliche Linie zwischen Gewerke und
   Individualisierung. Der Farb-/Lichtwechsel reicht.
   --------------------------------------------------------- */

.website-v2 main > .ca-v2-personalize{
  border-top-color:
    rgba(20,65,88,.045);
}


/* ---------------------------------------------------------
   4. TABLET

   Auf kleineren Displays nicht unnötig viel Luft wieder
   durch die allgemeinen 20.48.0B Regeln erzeugen.
   --------------------------------------------------------- */

@media(max-width:900px){

  .website-v2 main > .ca-v2-theme-experience{
    padding-bottom:
      clamp(54px,7vw,68px) !important;
  }

  .website-v2 main > .ca-v2-trades{
    padding-top:
      clamp(58px,7vw,74px) !important;

    padding-bottom:
      clamp(54px,7vw,68px) !important;
  }

  .website-v2 main > .ca-v2-personalize{
    padding-top:
      clamp(58px,7vw,74px) !important;
  }

}


/* ---------------------------------------------------------
   5. MOBILE

   Hier bewusst kompakt, aber weiterhin hochwertig.
   --------------------------------------------------------- */

@media(max-width:620px){

  .website-v2 main > .ca-v2-theme-experience{
    padding-bottom:
      52px !important;
  }

  .website-v2 main > .ca-v2-trades{
    padding-top:
      58px !important;

    padding-bottom:
      52px !important;
  }

  .website-v2 main > .ca-v2-personalize{
    padding-top:
      58px !important;
  }

}


/* =========================================================
   END V20.48.0D
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0E
   COMPACT DESKTOP RHYTHM

   Ziel:
   - weniger Scrollstrecke
   - kompaktere Sections
   - kleinere Großvisuals
   - ruhigere Headlines
   - bestehendes Design bleibt erhalten
   ========================================================= */


@media(min-width:901px){


  /* =======================================================
     1. GLOBALER SECTION RHYTHM
     ======================================================= */

  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq{
    padding-top:
      clamp(68px,5vw,86px) !important;

    padding-bottom:
      clamp(68px,5vw,86px) !important;
  }


  /* Theme-Bereich darf minimal mehr Luft behalten */

  .website-v2 main > .ca-v2-theme-experience{
    padding-top:
      clamp(76px,5.5vw,94px) !important;

    padding-bottom:
      clamp(66px,4.6vw,82px) !important;
  }


  /* Gewerke / Individualisierung enger koppeln */

  .website-v2 main > .ca-v2-trades{
    padding-top:
      clamp(64px,4.5vw,78px) !important;

    padding-bottom:
      clamp(58px,4vw,72px) !important;
  }

  .website-v2 main > .ca-v2-personalize{
    padding-top:
      clamp(62px,4.4vw,78px) !important;
  }


  /* =======================================================
     2. HEADLINES ETWAS ZURÜCKNEHMEN
     ======================================================= */

  .website-v2 main > section h2{
    line-height:.96;
  }

  .website-v2 .ca-v2-theme-heading h2,
  .website-v2 .ca-v2-trades-heading h2,
  .website-v2 .ca-v2-personalize-heading h2,
  .website-v2 .ca-v2-demo-title h2,
  .website-v2 .ca-v2-lead-title h2,
  .website-v2 .ca-v2-compare-heading h2,
  .website-v2 .ca-v2-delivery-heading h2,
  .website-v2 .ca-v2-faq-heading h2{
    font-size:
      clamp(46px,4.2vw,68px) !important;
  }


  /* Fließtext / Intro etwas kompakter */

  .website-v2 main > section h2 + p{
    margin-top:
      clamp(14px,1.2vw,20px);
  }


  /* =======================================================
     3. SECTION HEAD -> CONTENT
     ======================================================= */

  .website-v2 .ca-v2-theme-stage,
  .website-v2 .ca-v2-steps-grid,
  .website-v2 .ca-v2-compare-stage{
    margin-top:
      clamp(30px,2.8vw,46px) !important;
  }

  .website-v2 .ca-v2-demo-head,
  .website-v2 .ca-v2-lead-head,
  .website-v2 .ca-v2-trades-head,
  .website-v2 .ca-v2-personalize-head{
    margin-bottom:
      clamp(32px,3vw,48px) !important;
  }


  /* =======================================================
     4. VIER-SCHRITTE-BLOCK
     ======================================================= */

  .website-v2 .ca-v2-value{
    min-height:0 !important;
  }

  .website-v2 .ca-v2-value-grid,
  .website-v2 .ca-v2-value-steps{
    min-height:0 !important;
  }

  .website-v2 .ca-v2-value article{
    min-height:220px !important;
    padding:
      26px 24px !important;
  }


  /* =======================================================
     5. INDIVIDUALISIERUNG
     ======================================================= */

  .website-v2 .ca-v2-personalize-stage{
    min-height:0 !important;
  }

  .website-v2 .ca-v2-personalize-result{
    min-height:430px !important;
  }

  .website-v2 .ca-v2-personalize-preview-stack{
    min-height:400px !important;
  }

  .website-v2 .ca-v2-personalize-steps article{
    padding:
      18px 20px !important;
  }


  /* =======================================================
     6. LIVE DEMO
     ======================================================= */

  .website-v2 .ca-v2-demo-stage{
    max-width:1320px;
    margin-left:auto;
    margin-right:auto;
  }

  .website-v2 .ca-v2-demo-browser-body{
    min-height:360px !important;
  }


  /* =======================================================
     7. LIVE-LEAD / DASHBOARD

     Der aktuell größte Block auf der Seite.
     ======================================================= */

  .website-v2 .ca-v2-lead-stage,
  .website-v2 .ca-v2-lead-browser,
  .website-v2 .ca-v2-lead-dashboard{
    min-height:0 !important;
  }

  .website-v2 .ca-v2-lead-stage{
    max-width:1480px;
    margin-left:auto;
    margin-right:auto;
  }


  /* =======================================================
     8. KARTEN / PANELS GENERELL ETWAS DICHTER
     ======================================================= */

  .website-v2 .ca-v2-trade-card-primary,
  .website-v2 .ca-v2-theme-stage,
  .website-v2 .ca-v2-demo-stage,
  .website-v2 .ca-v2-compare-stage{
    box-shadow:
      0 24px 55px rgba(18,55,77,.10);
  }


  /* =======================================================
     9. FAQ + DELIVERY

     Inhaltlich kompakte Bereiche müssen nicht dieselbe
     Höhe wie die großen Produkt-Experiences besitzen.
     ======================================================= */

  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq{
    padding-top:
      clamp(60px,4.4vw,76px) !important;

    padding-bottom:
      clamp(60px,4.4vw,76px) !important;
  }


}


/* =========================================================
   TABLET
   ========================================================= */

@media(min-width:621px) and (max-width:900px){

  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq{
    padding-top:68px !important;
    padding-bottom:68px !important;
  }

}


/* =========================================================
   END V20.48.0E
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0F
   FINAL DENSITY POLISH

   Nur noch gezielte Desktop-Korrekturen:
   1. Haupt-Gewerkekarten
   2. Gewerke -> Individualisierung
   3. FAQ -> persönliche Beratung
   ========================================================= */


@media(min-width:901px){


  /* =======================================================
     1. HAUPT-GEWERKEKARTEN

     Die drei Primary Cards sind aktuell noch deutlich
     höher als ihr Inhalt benötigt.
     ======================================================= */

  .website-v2 .ca-v2-trade-card-primary{
    min-height:
      390px !important;

    padding:
      28px 30px 26px !important;
  }


  /* Nummer + Icon weniger weit vom Inhalt entfernt */

  .website-v2 .ca-v2-trade-card-top{
    margin-bottom:
      54px !important;
  }


  /* Textgruppen etwas enger */

  .website-v2 .ca-v2-trade-card-primary h3{
    margin-bottom:
      14px !important;
  }


  /* Tags kompakter an Beschreibung anbinden */

  .website-v2 .ca-v2-trade-tags{
    margin-top:
      20px !important;
  }


  /* =======================================================
     2. GEWERKE -> INDIVIDUALISIERUNG
     ======================================================= */

  .website-v2 main > .ca-v2-trades{
    padding-bottom:
      48px !important;
  }

  .website-v2 main > .ca-v2-personalize{
    padding-top:
      58px !important;
  }


  /* =======================================================
     3. FAQ -> TILL / SALES

     Größter verbliebener unnötiger Zwischenraum.
     ======================================================= */

  .website-v2 main > .ca-v2-faq{
    padding-bottom:
      48px !important;
  }


  .website-v2 main > .ca-v2-sales{
    padding-top:
      62px !important;
  }


  /* Falls die Sales-Section noch altes section-Padding trägt */

  .website-v2 .sales-section.ca-v2-sales{
    margin-top:
      0 !important;
  }


}


/* =========================================================
   TABLET
   ========================================================= */

@media(min-width:621px) and (max-width:900px){

  .website-v2 main > .ca-v2-trades{
    padding-bottom:
      54px !important;
  }

  .website-v2 main > .ca-v2-personalize{
    padding-top:
      58px !important;
  }

  .website-v2 main > .ca-v2-faq{
    padding-bottom:
      52px !important;
  }

  .website-v2 main > .ca-v2-sales{
    padding-top:
      58px !important;
  }

}


/* =========================================================
   END V20.48.0F
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0G
   ONE VIEWPORT SECTIONS

   Desktop-Ziel:
   - ein Hauptblock = eine Bildschirmansicht
   - weniger Scrollstrecke
   - Mockups skalieren mit der Viewport-Höhe
   - keine harte 100vh-Falle
   - Mobile bleibt separat
   ========================================================= */


@media(min-width:1101px){


  /* =======================================================
     1. ALLGEMEINER DESKTOP-RHYTHMUS
     ======================================================= */

  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq,
  .website-v2 main > .ca-v2-sales{
    min-height:0 !important;

    padding-top:
      clamp(44px,5.2vh,68px) !important;

    padding-bottom:
      clamp(44px,5.2vh,68px) !important;
  }


  /* =======================================================
     2. HEADLINES
     ======================================================= */

  .website-v2 main > section h2{
    font-size:
      clamp(42px,5.2vh,62px) !important;

    line-height:
      .95 !important;
  }

  .website-v2 main > section p{
    line-height:
      1.48;
  }


  /* =======================================================
     3. SECTION HEAD -> CONTENT
     ======================================================= */

  .website-v2 .ca-v2-demo-head,
  .website-v2 .ca-v2-lead-head,
  .website-v2 .ca-v2-trades-head,
  .website-v2 .ca-v2-personalize-head,
  .website-v2 .ca-v2-theme-head{
    margin-bottom:
      clamp(22px,3vh,38px) !important;
  }

  .website-v2 .ca-v2-theme-stage,
  .website-v2 .ca-v2-steps-grid,
  .website-v2 .ca-v2-compare-stage{
    margin-top:
      clamp(22px,2.8vh,36px) !important;
  }


  /* =======================================================
     4. VALUE / VIER SCHRITTE
     ======================================================= */

  .website-v2 .ca-v2-value article{
    min-height:
      180px !important;

    padding:
      22px !important;
  }


  /* =======================================================
     5. GEWERKE
     Ziel: alle 7 + CTA in einer Ansicht
     ======================================================= */

  .website-v2 main > .ca-v2-trades{
    padding-top:
      clamp(40px,4.5vh,58px) !important;

    padding-bottom:
      clamp(34px,4vh,52px) !important;
  }

  .website-v2 .ca-v2-trade-card-primary{
    min-height:
      310px !important;

    padding:
      24px 26px 22px !important;
  }

  .website-v2 .ca-v2-trade-card-top{
    margin-bottom:
      34px !important;
  }

  .website-v2 .ca-v2-trade-card-primary h3{
    font-size:
      clamp(25px,2.6vh,34px) !important;
  }

  .website-v2 .ca-v2-trade-card-primary p{
    font-size:
      14px !important;
  }

  .website-v2 .ca-v2-trade-tags{
    margin-top:
      14px !important;
  }

  .website-v2 .ca-v2-trade-mini{
    min-height:
      185px !important;

    padding:
      20px 22px !important;
  }


  /* =======================================================
     6. INDIVIDUALISIERUNG
     ======================================================= */

  .website-v2 .ca-v2-personalize-stage{
    min-height:
      0 !important;
  }

  .website-v2 .ca-v2-personalize-result{
    min-height:
      340px !important;
  }

  .website-v2 .ca-v2-personalize-preview-stack{
    min-height:
      320px !important;
  }

  .website-v2 .ca-v2-personalize-steps article{
    padding:
      14px 18px !important;
  }


  /* =======================================================
     7. LIVE DEMO
     ======================================================= */

  .website-v2 .ca-v2-demo-stage{
    max-width:
      1240px !important;

    margin-left:auto;
    margin-right:auto;
  }

  .website-v2 .ca-v2-demo-browser-body{
    min-height:
      300px !important;
  }

  .website-v2 .ca-v2-demo-control{
    padding:
      22px 20px !important;
  }


  /* =======================================================
     8. LIVE LEAD / DASHBOARD
     ======================================================= */

  .website-v2 .ca-v2-lead-stage{
    max-width:
      1360px !important;

    margin-left:auto;
    margin-right:auto;
  }

  .website-v2 .ca-v2-lead-stage,
  .website-v2 .ca-v2-lead-browser,
  .website-v2 .ca-v2-lead-dashboard{
    min-height:
      0 !important;
  }


  /* =======================================================
     9. FAQ
     ======================================================= */

  .website-v2 main > .ca-v2-faq{
    padding-top:
      clamp(38px,4.3vh,56px) !important;

    padding-bottom:
      clamp(34px,3.8vh,50px) !important;
  }

  .website-v2 .ca-v2-faq-item{
    min-height:
      58px !important;
  }


  /* =======================================================
     10. SALES / TILL
     ======================================================= */

  .website-v2 main > .ca-v2-sales{
    padding-top:
      clamp(42px,4.6vh,60px) !important;

    padding-bottom:
      clamp(42px,4.6vh,60px) !important;
  }


}


/* =========================================================
   NOTEBOOK / GERINGE DISPLAYHÖHE
   z.B. 1366x768 / 1440x800
   ========================================================= */

@media(min-width:1101px) and (max-height:820px){


  .website-v2 main > .ca-v2-value,
  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-trades,
  .website-v2 main > .ca-v2-personalize,
  .website-v2 main > .ca-v2-demo,
  .website-v2 main > .ca-v2-setup,
  .website-v2 main > .ca-v2-lead,
  .website-v2 main > .ca-v2-compare,
  .website-v2 main > .ca-v2-delivery,
  .website-v2 main > .ca-v2-faq,
  .website-v2 main > .ca-v2-sales{
    padding-top:
      34px !important;

    padding-bottom:
      34px !important;
  }


  .website-v2 main > section h2{
    font-size:
      clamp(38px,4.8vh,52px) !important;
  }


  .website-v2 .ca-v2-trade-card-primary{
    min-height:
      270px !important;

    padding:
      20px 22px !important;
  }

  .website-v2 .ca-v2-trade-card-top{
    margin-bottom:
      22px !important;
  }

  .website-v2 .ca-v2-trade-mini{
    min-height:
      158px !important;
  }


  .website-v2 .ca-v2-personalize-result{
    min-height:
      300px !important;
  }

  .website-v2 .ca-v2-personalize-preview-stack{
    min-height:
      280px !important;
  }


  .website-v2 .ca-v2-demo-browser-body{
    min-height:
      260px !important;
  }


  .website-v2 .ca-v2-theme-stage,
  .website-v2 .ca-v2-steps-grid,
  .website-v2 .ca-v2-compare-stage{
    margin-top:
      20px !important;
  }

}


/* =========================================================
   VERY SHORT DESKTOP
   ========================================================= */

@media(min-width:1101px) and (max-height:700px){

  .website-v2 main > section h2{
    font-size:
      40px !important;
  }

  .website-v2 .ca-v2-trade-card-primary{
    min-height:
      245px !important;
  }

  .website-v2 .ca-v2-trade-mini{
    min-height:
      145px !important;
  }

  .website-v2 .ca-v2-demo-browser-body{
    min-height:
      230px !important;
  }

}


/* =========================================================
   END V20.48.0G
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0H
   DEMO VIEWPORT & COLOR POLISH
   ========================================================= */


@media(min-width:1101px){


  /* =======================================================
     1. AKZENTFARBE ANGLEICHEN

     "Einfach ausprobieren." soll denselben Blauton wie
     die übrigen hervorgehobenen V2-Headlines erhalten.
     ======================================================= */

  .website-v2 .ca-v2-demo-title h2 em{
    color:
      #0A56B4 !important;

    font-style:
      normal;
  }


  /* =======================================================
     2. DEMO SECTION KOMPAKTER
     ======================================================= */

  .website-v2 main > .ca-v2-demo{
    padding-top:
      clamp(34px,4vh,48px) !important;

    padding-bottom:
      clamp(34px,4vh,48px) !important;
  }


  .website-v2 .ca-v2-demo-head{
    margin-bottom:
      clamp(18px,2.4vh,28px) !important;
  }


  /* =======================================================
     3. HEADLINE ETWAS KLEINER
     ======================================================= */

  .website-v2 .ca-v2-demo-title h2{
    font-size:
      clamp(40px,4.8vh,56px) !important;

    line-height:
      .94 !important;
  }


  /* =======================================================
     4. DEMO STAGE BREITE + HÖHE REDUZIEREN
     ======================================================= */

  .website-v2 .ca-v2-demo-stage{
    max-width:
      1180px !important;
  }


  .website-v2 .ca-v2-demo-browser-body{
    min-height:
      250px !important;
  }


  .website-v2 .ca-v2-demo-control{
    padding:
      18px 18px !important;
  }


  .website-v2 .ca-v2-demo-experience{
    padding:
      18px 16px 20px !important;
  }


  /* =======================================================
     5. LINKE DEMO-BEDIENUNG KOMPAKTER
     ======================================================= */

  .website-v2 .ca-v2-demo-person{
    gap:
      12px !important;
  }


  .website-v2 .ca-v2-demo-avatar{
    width:
      58px !important;

    height:
      58px !important;
  }


  /* =======================================================
     6. NOTEBOOK-HÖHEN
     ======================================================= */

}

@media(min-width:1101px) and (max-height:820px){

  .website-v2 main > .ca-v2-demo{
    padding-top:
      26px !important;

    padding-bottom:
      26px !important;
  }


  .website-v2 .ca-v2-demo-head{
    margin-bottom:
      16px !important;
  }


  .website-v2 .ca-v2-demo-title h2{
    font-size:
      42px !important;
  }


  .website-v2 .ca-v2-demo-stage{
    max-width:
      1120px !important;
  }


  .website-v2 .ca-v2-demo-browser-body{
    min-height:
      220px !important;
  }


  .website-v2 .ca-v2-demo-control{
    padding:
      15px 16px !important;
  }

}


/* =========================================================
   END V20.48.0H
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0I
   ACCENT BLUE CONSISTENCY
   ========================================================= */

.website-v2 .ca-v2-impact h2 em,
.website-v2 .ca-v2-value h2 em,
.website-v2 .ca-v2-demo-title h2 em{
  color:#0A56B4 !important;
}


/* Falls die Texte über span statt em laufen */

.website-v2 .ca-v2-impact h2 .accent,
.website-v2 .ca-v2-value h2 .accent{
  color:#0A56B4 !important;
}


/* =========================================================
   END V20.48.0I
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.0I2
   ACCENT BLUE FINAL
   ========================================================= */

.website-v2 .ca-v2-process-heading h3 strong,
.website-v2 .ca-v2-value h2 span{
  color:#0A56B4 !important;
}


/* =========================================================
   END V20.48.0I2
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.1A
   MOBILE COMPACT TRADES
   ========================================================= */

@media(max-width:620px){

  /* -------------------------------------------------------
     SECTION
     ------------------------------------------------------- */

  .website-v2 main > .ca-v2-trades{
    min-height:0 !important;
    padding:34px 0 30px !important;
  }

  .website-v2 .ca-v2-trades .ca-v2-container{
    width:calc(100% - 28px) !important;
  }


  /* -------------------------------------------------------
     HEAD KOMPAKT
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trades-head{
    display:block !important;
    margin-bottom:22px !important;
  }

  .website-v2 .ca-v2-trades-heading h2{
    margin-top:12px !important;
    font-size:42px !important;
    line-height:.94 !important;
    letter-spacing:-1.8px !important;
  }

  .website-v2 .ca-v2-trades-intro{
    margin-top:15px !important;
  }

  /*
     Beschreibung auf Mobile ausblenden.
     Die Headline erklärt den Bereich bereits ausreichend.
  */

  .website-v2 .ca-v2-trades-intro > p{
    display:none !important;
  }

  .website-v2 .ca-v2-trades-meta{
    margin-top:0 !important;
    gap:14px !important;
    font-size:11px !important;
  }


  /* -------------------------------------------------------
     BEIDE GEWERKE-GRIDS WERDEN ZU EINER LISTENOPTIK
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trades-primary,
  .website-v2 .ca-v2-trades-secondary{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin:0 !important;
  }

  .website-v2 .ca-v2-trades-secondary{
    margin-top:7px !important;
  }


  /* -------------------------------------------------------
     ALLE KARTEN = KOMPAKTE LISTENZEILE
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trade-card-primary,
  .website-v2 .ca-v2-trade-mini{
    position:relative !important;

    display:flex !important;
    align-items:center !important;

    width:100% !important;
    min-height:58px !important;
    height:58px !important;

    padding:7px 42px 7px 8px !important;
    margin:0 !important;

    border-radius:16px !important;

    background:
      rgba(255,255,255,.76) !important;

    border:
      1px solid rgba(174,207,222,.72) !important;

    box-shadow:
      0 8px 24px rgba(20,67,91,.045) !important;

    overflow:hidden !important;
  }


  /* -------------------------------------------------------
     HAUPTGEWERKE:
     Icon links, Gewerkname daneben
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-card-top{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 42px !important;

    width:42px !important;
    height:42px !important;

    margin:0 12px 0 0 !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-number{
    display:none !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;

    border-radius:12px !important;

    font-size:18px !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-card-copy{
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-label{
    display:block !important;

    font-size:11px !important;
    line-height:1.15 !important;
    letter-spacing:.055em !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }


  /*
     Große Marketingheadline innerhalb der Karte
     wird Mobile nicht benötigt.
  */

  .website-v2 .ca-v2-trade-card-primary h3,
  .website-v2 .ca-v2-trade-card-primary p,
  .website-v2 .ca-v2-trade-services{
    display:none !important;
  }


  /*
     Footer wird nur zum Pfeil rechts.
  */

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-footer{
    position:absolute !important;
    right:15px !important;
    top:50% !important;

    width:auto !important;
    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    transform:translateY(-50%) !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-footer span{
    display:none !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-footer strong{
    display:block !important;
    font-size:17px !important;
    color:#0A56B4 !important;
  }


  /* -------------------------------------------------------
     WEITERE GEWERKE
     exakt dieselbe Listenoptik
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trade-mini-top{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 42px !important;

    width:42px !important;
    height:42px !important;

    margin:0 12px 0 0 !important;
  }

  .website-v2 .ca-v2-trade-mini-top
  .ca-v2-trade-number{
    display:none !important;
  }

  .website-v2 .ca-v2-trade-mini
  .ca-v2-trade-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;

    border-radius:12px !important;

    font-size:18px !important;
  }

  .website-v2 .ca-v2-trade-mini > div:nth-child(2){
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .website-v2 .ca-v2-trade-mini
  .ca-v2-trade-label{
    display:block !important;

    font-size:11px !important;
    line-height:1.15 !important;
    letter-spacing:.055em !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .website-v2 .ca-v2-trade-mini h3,
  .website-v2 .ca-v2-trade-mini p{
    display:none !important;
  }

  .website-v2 .ca-v2-trade-mini-link{
    position:absolute !important;

    right:15px !important;
    top:50% !important;

    margin:0 !important;

    font-size:0 !important;

    transform:
      translateY(-50%) !important;
  }

  .website-v2 .ca-v2-trade-mini-link b{
    display:block !important;

    font-size:17px !important;
    color:#0A56B4 !important;
  }


  /* -------------------------------------------------------
     ROADMAP / GEWERK FEHLT
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trades-roadmap{
    display:grid !important;

    grid-template-columns:
      38px minmax(0,1fr) auto !important;

    align-items:center !important;

    gap:10px !important;

    min-height:58px !important;

    margin-top:10px !important;
    padding:9px 10px !important;

    border-radius:16px !important;
  }

  .website-v2 .ca-v2-trades-roadmap-mark{
    width:38px !important;
    height:38px !important;
  }

  .website-v2 .ca-v2-trades-roadmap-copy
  .ca-v2-trade-label,
  .website-v2 .ca-v2-trades-roadmap-copy p{
    display:none !important;
  }

  .website-v2 .ca-v2-trades-roadmap-copy h3{
    margin:0 !important;

    font-size:13px !important;
    line-height:1.2 !important;
  }

  .website-v2 .ca-v2-trades-roadmap-link{
    padding:8px 9px !important;

    font-size:10px !important;
    white-space:nowrap !important;
  }


  /* -------------------------------------------------------
     HOVER-TRANSFORMS AUF TOUCH ENTFERNEN
     ------------------------------------------------------- */

  .website-v2 .ca-v2-trade-card-primary:hover,
  .website-v2 .ca-v2-trade-mini:hover{
    transform:none !important;
  }

}


/* =========================================================
   END V20.48.1A
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.1A1
   MOBILE TRADE ROW FIX
   ========================================================= */

@media(max-width:620px){

  /* =======================================================
     1. GEMEINSAME LISTENZEILE
     ======================================================= */

  .website-v2 .ca-v2-trade-card-primary,
  .website-v2 .ca-v2-trade-mini{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 20px !important;
    align-items:center !important;
    column-gap:12px !important;

    height:58px !important;
    min-height:58px !important;

    padding:7px 12px !important;
  }


  /* =======================================================
     2. HAUPTGEWERKE
     ======================================================= */

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-card-top{
    grid-column:1 !important;
    grid-row:1 !important;

    width:42px !important;
    height:42px !important;

    margin:0 !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-card-copy{
    grid-column:2 !important;
    grid-row:1 !important;

    display:block !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    align-self:center !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-label{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:#17394c !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:.025em !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-footer{
    position:static !important;

    grid-column:3 !important;
    grid-row:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:20px !important;
    height:20px !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
  }


  /* =======================================================
     3. WEITERE GEWERKE
     ======================================================= */

  .website-v2 .ca-v2-trade-mini-top{
    grid-column:1 !important;
    grid-row:1 !important;

    width:42px !important;
    height:42px !important;

    margin:0 !important;
  }

  .website-v2 .ca-v2-trade-mini > div:nth-child(2){
    grid-column:2 !important;
    grid-row:1 !important;

    display:block !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    align-self:center !important;
  }

  .website-v2 .ca-v2-trade-mini
  .ca-v2-trade-label{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:#17394c !important;

    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    letter-spacing:.025em !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .website-v2 .ca-v2-trade-mini-link{
    position:static !important;

    grid-column:3 !important;
    grid-row:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:20px !important;
    height:20px !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
  }


  /* =======================================================
     4. ICONS SAUBER ZENTRIEREN
     ======================================================= */

  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-icon,
  .website-v2 .ca-v2-trade-mini
  .ca-v2-trade-icon{
    position:static !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:42px !important;
    height:42px !important;

    margin:0 !important;

    transform:none !important;
  }


  /* =======================================================
     5. ROADMAP EBENFALLS EINE ZEILE
     ======================================================= */

  .website-v2 .ca-v2-trades-roadmap{
    grid-template-columns:38px minmax(0,1fr) auto !important;

    min-height:58px !important;
    padding:9px 10px !important;
  }

  .website-v2 .ca-v2-trades-roadmap-copy h3{
    font-size:12px !important;
    line-height:1.15 !important;
  }

  .website-v2 .ca-v2-trades-roadmap-link{
    display:flex !important;
    align-items:center !important;

    padding:7px 8px !important;

    font-size:9px !important;
  }

}


/* =========================================================
   END V20.48.1A1
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.1B
   MOBILE COMPACT CORE
   Individualisierung / Setup / Vergleich / Prozess
   ========================================================= */

@media(max-width:700px){

  /* =======================================================
     1. INDIVIDUALISIERUNG
     ======================================================= */

  .website-v2 main > .ca-v2-personalize{
    padding-top:42px !important;
    padding-bottom:42px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-personalize-head{
    margin-bottom:22px !important;
  }

  .website-v2 .ca-v2-personalize-head > p{
    margin-top:12px !important;
  }

  .website-v2 .ca-v2-personalize-stage{
    display:block !important;
    min-height:0 !important;
    margin-top:20px !important;
  }

  .website-v2 .ca-v2-personalize-config{
    padding:0 !important;
  }

  .website-v2 .ca-v2-personalize-config-head{
    margin-bottom:10px !important;
  }

  .website-v2 .ca-v2-personalize-steps{
    display:grid !important;
    gap:7px !important;
  }

  .website-v2 .ca-v2-personalize-steps article{
    min-height:0 !important;
    padding:10px 12px !important;
    display:grid !important;
    grid-template-columns:28px 1fr auto !important;
    align-items:center !important;
    gap:9px !important;
  }

  .website-v2 .ca-v2-personalize-number{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    display:grid !important;
    place-items:center !important;
  }

  .website-v2 .ca-v2-personalize-step-copy{
    min-width:0 !important;
  }

  .website-v2 .ca-v2-personalize-step-copy h3{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.15 !important;
  }

  .website-v2 .ca-v2-personalize-step-copy p,
  .website-v2 .ca-v2-personalize-classic-note{
    display:none !important;
  }

  .website-v2 .ca-v2-personalize-demo-mark,
  .website-v2 .ca-v2-personalize-swatches,
  .website-v2 .ca-v2-personalize-avatar-mini,
  .website-v2 .ca-v2-personalize-module-stack{
    transform:scale(.78) !important;
    transform-origin:right center !important;
    margin:0 !important;
  }

  /*
   * Mobile braucht nur EIN Ergebnis.
   * Zweite Preview und große Stack-Höhen entfallen.
   */
  .website-v2 .ca-v2-personalize-result{
    min-height:0 !important;
    margin-top:14px !important;
    padding:14px !important;
  }

  .website-v2 .ca-v2-personalize-preview-stack{
    min-height:0 !important;
    height:auto !important;
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-personalize-preview{
    position:relative !important;
    inset:auto !important;
    transform:none !important;
  }

  .website-v2 .ca-v2-personalize-preview.is-elektro{
    display:none !important;
  }

  .website-v2 .ca-v2-personalize-preview.is-shk{
    display:block !important;
  }

  .website-v2 .ca-v2-personalize-result-footer{
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-personalize-bottom{
    margin-top:16px !important;
  }


  /* =======================================================
     2. SETUP
     4 große Karten -> kompakte Prozessliste
     ======================================================= */

  .website-v2 main > .ca-v2-setup{
    padding-top:42px !important;
    padding-bottom:42px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-setup-head{
    margin-bottom:20px !important;
  }

  .website-v2 .ca-v2-setup-head-copy > p{
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-setup-time{
    margin-top:12px !important;
  }

  .website-v2 .ca-v2-setup-flow{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:18px !important;
  }

  .website-v2 .ca-v2-setup-line{
    display:none !important;
  }

  .website-v2 .ca-v2-setup-step,
  .website-v2 .ca-v2-setup-step-live{
    min-height:0 !important;
    padding:12px 14px !important;
    display:grid !important;
    grid-template-columns:38px 1fr !important;
    grid-template-rows:auto !important;
    column-gap:11px !important;
    align-items:center !important;
  }

  .website-v2 .ca-v2-setup-step-top{
    grid-column:1 !important;
    grid-row:1 !important;
    margin:0 !important;
    display:block !important;
  }

  .website-v2 .ca-v2-setup-step-number{
    display:none !important;
  }

  .website-v2 .ca-v2-setup-step-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    margin:0 !important;
  }

  .website-v2 .ca-v2-setup-step-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    margin:0 !important;
  }

  .website-v2 .ca-v2-setup-step-copy small{
    font-size:8px !important;
    margin-bottom:3px !important;
  }

  .website-v2 .ca-v2-setup-step-copy h3{
    margin:0 !important;
    font-size:15px !important;
    line-height:1.12 !important;
  }

  .website-v2 .ca-v2-setup-step-copy p{
    display:none !important;
  }

  .website-v2 .ca-v2-setup-mini,
  .website-v2 .ca-v2-setup-company,
  .website-v2 .ca-v2-setup-config,
  .website-v2 .ca-v2-setup-code,
  .website-v2 .ca-v2-setup-live-card{
    display:none !important;
  }

  .website-v2 .ca-v2-setup-handoff{
    margin-top:12px !important;
    padding:12px 14px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-setup-handoff-flow{
    margin-top:8px !important;
  }


  /* =======================================================
     3. VERGLEICH
     Desktop-Mockups -> mobile Kernaussage
     ======================================================= */

  .website-v2 main > .ca-v2-compare{
    padding-top:42px !important;
    padding-bottom:42px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-compare-head{
    margin-bottom:18px !important;
  }

  .website-v2 .ca-v2-compare-intro > p{
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-compare-mini-result{
    margin-top:12px !important;
  }

  .website-v2 .ca-v2-compare-stage{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:18px !important;
  }

  .website-v2 .ca-v2-compare-side{
    min-height:0 !important;
    padding:13px 11px !important;
    border-radius:18px !important;
  }

  .website-v2 .ca-v2-compare-card-head{
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    align-items:flex-start !important;
  }

  .website-v2 .ca-v2-compare-card-head small{
    font-size:8px !important;
  }

  .website-v2 .ca-v2-compare-card-head h3{
    font-size:14px !important;
    line-height:1.12 !important;
    margin-top:3px !important;
  }

  .website-v2 .ca-v2-compare-state{
    transform:scale(.75) !important;
    transform-origin:right top !important;
  }

  /*
   * Alle großen simulierten Formular-/Datenbereiche raus.
   * Problem/Erfolg bleiben als visuelle Aussage erhalten.
   */
  .website-v2 .ca-v2-compare-form-fields,
  .website-v2 .ca-v2-compare-agent-title,
  .website-v2 .ca-v2-compare-data{
    display:none !important;
  }

  .website-v2 .ca-v2-compare-problem,
  .website-v2 .ca-v2-compare-success{
    margin-top:12px !important;
    padding:10px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-compare-problem ul{
    margin:7px 0 0 !important;
    padding-left:14px !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }

  .website-v2 .ca-v2-compare-success strong{
    font-size:12px !important;
  }

  .website-v2 .ca-v2-compare-success small{
    font-size:9px !important;
  }

  .website-v2 .ca-v2-compare-card-footer{
    margin-top:10px !important;
    padding-top:9px !important;
  }

  .website-v2 .ca-v2-compare-card-footer strong{
    font-size:9px !important;
  }

  .website-v2 .ca-v2-compare-bottom{
    margin-top:12px !important;
    padding:10px 12px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-compare-bottom-arrow{
    transform:scale(.7) !important;
  }


  /* =======================================================
     4. PROZESS / LEAD-ZUSTELLUNG
     Quelle + 2 Ziele kompakt
     ======================================================= */

  .website-v2 main > .ca-v2-delivery{
    padding-top:42px !important;
    padding-bottom:42px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-delivery-head{
    margin-bottom:18px !important;
  }

  .website-v2 .ca-v2-delivery-intro > p{
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-delivery-ready{
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-delivery-stage{
    display:block !important;
    margin-top:18px !important;
    padding:0 !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-delivery-stage::before{
    display:none !important;
  }

  .website-v2 .ca-v2-delivery-source{
    padding:11px 13px !important;
    min-height:0 !important;
    border-radius:18px !important;
  }

  .website-v2 .ca-v2-delivery-source-top{
    margin-bottom:7px !important;
  }

  .website-v2 .ca-v2-delivery-source-main{
    display:grid !important;
    grid-template-columns:34px 1fr !important;
    gap:9px !important;
    align-items:center !important;
  }

  .website-v2 .ca-v2-delivery-source-icon{
    width:34px !important;
    height:34px !important;
    font-size:16px !important;
  }

  .website-v2 .ca-v2-delivery-source-data,
  .website-v2 .ca-v2-delivery-source-status{
    display:none !important;
  }

  .website-v2 .ca-v2-delivery-router{
    height:24px !important;
    margin:0 auto !important;
  }

  .website-v2 .ca-v2-delivery-router-core{
    transform:scale(.68) !important;
  }

  .website-v2 .ca-v2-delivery-router-line{
    height:10px !important;
  }

  .website-v2 .ca-v2-delivery-destinations{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .website-v2 .ca-v2-delivery-option{
    min-height:0 !important;
    padding:12px 10px !important;
    border-radius:18px !important;
  }

  .website-v2 .ca-v2-delivery-option-head{
    margin-bottom:8px !important;
  }

  .website-v2 .ca-v2-delivery-option-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
  }

  .website-v2 .ca-v2-delivery-package{
    font-size:8px !important;
    padding:4px 6px !important;
  }

  .website-v2 .ca-v2-delivery-option h3{
    font-size:14px !important;
    line-height:1.12 !important;
    margin:8px 0 5px !important;
  }

  .website-v2 .ca-v2-delivery-option > p{
    font-size:10px !important;
    line-height:1.35 !important;
    margin:0 !important;
  }

  /*
   * Desktop-Mail und LeadCenter sind auf Mobile zu detailreich.
   * Die beiden Zustellwege selbst bleiben vollständig sichtbar.
   */
  .website-v2 .ca-v2-mail,
  .website-v2 .ca-v2-leadcenter{
    display:none !important;
  }

  .website-v2 .ca-v2-delivery-flow-label{
    margin-top:10px !important;
    padding-top:8px !important;
  }

  .website-v2 .ca-v2-delivery-flow-label strong{
    font-size:9px !important;
  }

  .website-v2 .ca-v2-delivery-bottom{
    margin-top:12px !important;
    padding:10px 12px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-delivery-bottom p{
    margin:2px 0 !important;
    font-size:10px !important;
    line-height:1.35 !important;
  }

}


/* =========================================================
   CRAFTAGENT V20.48.1B END
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.1C
   MOBILE HEAVY BLOCKS
   ========================================================= */

@media(max-width:700px){

  /* =======================================================
     1. VALUE / WEBSITEBESUCHER
     ======================================================= */

  .website-v2 main > .ca-v2-value{
    min-height:0 !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .website-v2 .ca-v2-value-heading{
    margin-bottom:22px !important;
  }

  .website-v2 .ca-v2-value-heading h2{
    margin-bottom:14px !important;
  }

  .website-v2 .ca-v2-value-heading p{
    margin-top:0 !important;
  }

  .website-v2 .ca-v2-transform{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;

    min-height:0 !important;
    height:auto !important;

    margin-top:22px !important;
    align-items:stretch !important;
  }

  .website-v2 .ca-v2-transform-before,
  .website-v2 .ca-v2-transform-after{
    min-width:0 !important;
    min-height:0 !important;
  }

  /* Transformations-Engine mobil nicht als eigener großer Block */
  .website-v2 .ca-v2-transform-engine{
    display:none !important;
  }

  .website-v2 .ca-v2-transform-label{
    margin-bottom:8px !important;
    font-size:8px !important;
  }


  /* Kontaktformular stark reduzieren */

  .website-v2 .ca-v2-before-window{
    min-height:0 !important;
    height:auto !important;
    border-radius:16px !important;
  }

  .website-v2 .ca-v2-before-top{
    min-height:28px !important;
    padding:6px 9px !important;
  }

  .website-v2 .ca-v2-before-body{
    padding:10px !important;
  }

  .website-v2 .ca-v2-before-field{
    min-height:0 !important;
    margin-bottom:7px !important;
    padding:8px !important;
  }

  .website-v2 .ca-v2-before-field:nth-child(2){
    display:none !important;
  }

  .website-v2 .ca-v2-before-field label{
    font-size:7px !important;
  }

  .website-v2 .ca-v2-before-field span,
  .website-v2 .ca-v2-before-field strong{
    font-size:9px !important;
    line-height:1.25 !important;
  }

  .website-v2 .ca-v2-before-message{
    min-height:58px !important;
  }

  .website-v2 .ca-v2-before-problem{
    min-height:0 !important;
    margin-top:7px !important;
    padding:8px !important;
    font-size:8px !important;
    line-height:1.3 !important;
  }


  /* Qualifizierte Anfrage reduzieren */

  .website-v2 .ca-v2-qualified-card{
    min-height:0 !important;
    height:auto !important;
    border-radius:16px !important;
  }

  .website-v2 .ca-v2-qualified-head{
    padding:9px !important;
  }

  .website-v2 .ca-v2-qualified-customer{
    padding:8px 9px !important;
  }

  .website-v2 .ca-v2-qualified-grid{
    grid-template-columns:1fr !important;
  }

  .website-v2 .ca-v2-qualified-grid > *{
    min-height:0 !important;
    padding:8px 9px !important;
  }

  .website-v2 .ca-v2-qualified-grid > *:nth-child(n+3){
    display:none !important;
  }

  .website-v2 .ca-v2-qualified-summary{
    margin:8px !important;
    padding:8px !important;
  }

  .website-v2 .ca-v2-qualified-summary p{
    font-size:8px !important;
    line-height:1.35 !important;
  }

  .website-v2 .ca-v2-qualified-footer{
    padding:8px 9px !important;
  }

  .website-v2 .ca-v2-value-result{
    margin-top:14px !important;
    padding:10px 12px !important;
  }


  /* =======================================================
     2. VIER SCHRITTE
     große Karten -> kompakte Prozessliste
     ======================================================= */

  .website-v2 .ca-v2-product-process{
    min-height:0 !important;
    margin-top:34px !important;
    padding:0 !important;
  }

  .website-v2 .ca-v2-process-heading{
    display:block !important;
    margin-bottom:18px !important;
  }

  .website-v2 .ca-v2-process-heading h3{
    margin:0 !important;
  }

  .website-v2 .ca-v2-process-heading > p{
    margin-top:10px !important;
  }

  .website-v2 .ca-v2-process-track{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;

    min-height:0 !important;
    height:auto !important;
  }

  .website-v2 .ca-v2-process-progress{
    display:none !important;
  }

  .website-v2 .ca-v2-process-item{
    min-height:0 !important;
    height:auto !important;

    display:grid !important;
    grid-template-columns:34px 1fr !important;
    grid-template-rows:auto !important;
    gap:10px !important;
    align-items:center !important;

    padding:11px 12px !important;
    margin:0 !important;

    border:1px solid rgba(111,166,192,.22) !important;
    border-radius:15px !important;
  }

  .website-v2 .ca-v2-process-number{
    display:none !important;
  }

  .website-v2 .ca-v2-process-icon{
    grid-column:1 !important;
    grid-row:1 !important;

    width:34px !important;
    height:34px !important;
    min-width:34px !important;

    margin:0 !important;
  }

  .website-v2 .ca-v2-process-item > div:last-child{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
  }

  .website-v2 .ca-v2-process-item small{
    margin:0 0 2px !important;
    font-size:7px !important;
  }

  .website-v2 .ca-v2-process-item h4,
  .website-v2 .ca-v2-process-item h3{
    margin:0 !important;
    font-size:14px !important;
    line-height:1.15 !important;
  }

  .website-v2 .ca-v2-process-item p{
    display:none !important;
  }


  /* =======================================================
     3. LIVE LEAD
     Dashboard -> kompakter Lead Snapshot
     ======================================================= */

  .website-v2 main > .ca-v2-lead{
    min-height:0 !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .website-v2 .ca-v2-lead-head{
    margin-bottom:20px !important;
  }

  .website-v2 .ca-v2-lead-stage{
    display:block !important;

    min-height:0 !important;
    height:auto !important;

    margin-top:18px !important;
  }

  /* Desktop-Navigation im Dashboard braucht Mobile nicht */
  .website-v2 .ca-v2-lead-sidebar{
    display:none !important;
  }

  .website-v2 .ca-v2-lead-content{
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
  }

  .website-v2 .ca-v2-lead-toolbar{
    min-height:0 !important;
    padding:12px 14px !important;
  }

  .website-v2 .ca-v2-lead-customer{
    min-height:0 !important;
    padding:12px 14px !important;
  }

  .website-v2 .ca-v2-lead-information{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .website-v2 .ca-v2-lead-information article{
    min-height:0 !important;
    padding:11px !important;

    display:grid !important;
    grid-template-columns:30px 1fr !important;
    gap:8px !important;
    align-items:center !important;
  }

  /* Nur vier Kerninformationen */
  .website-v2 .ca-v2-lead-information article:nth-child(n+5){
    display:none !important;
  }

  .website-v2 .ca-v2-lead-info-icon{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
  }

  .website-v2 .ca-v2-lead-information article small{
    font-size:7px !important;
  }

  .website-v2 .ca-v2-lead-information article strong{
    font-size:11px !important;
    line-height:1.15 !important;
  }

  .website-v2 .ca-v2-lead-information article p,
  .website-v2 .ca-v2-lead-information article span:not(.ca-v2-lead-info-icon){
    font-size:8px !important;
  }

  .website-v2 .ca-v2-lead-summary{
    margin:10px !important;
    padding:11px !important;
  }

  .website-v2 .ca-v2-lead-summary p{
    font-size:9px !important;
    line-height:1.4 !important;
  }

  .website-v2 .ca-v2-lead-actions{
    display:none !important;
  }

  .website-v2 .ca-v2-lead-benefits{
    margin-top:12px !important;
  }


  /* =======================================================
     4. TILL / SALES
     Persona kompakt, Beratung vollständig
     ======================================================= */

  .website-v2 main > .ca-v2-sales{
    min-height:0 !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .website-v2 .ca-v2-sales-head{
    margin-bottom:18px !important;
  }

  .website-v2 .ca-v2-sales-stage-label{
    margin-bottom:12px !important;
  }

  .website-v2 .ca-v2-sales .craftagent-sales-shell{
    display:block !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona{
    position:relative !important;

    min-height:300px !important;
    height:300px !important;

    padding:20px !important;
    overflow:hidden !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-brand{
    position:relative !important;
    z-index:3 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy{
    position:relative !important;
    z-index:3 !important;

    width:58% !important;
    margin-top:24px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy h3{
    font-size:30px !important;
    line-height:.95 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy > p{
    display:none !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-visual{
    position:absolute !important;
    z-index:2 !important;

    right:-8px !important;
    bottom:0 !important;

    width:58% !important;
    height:88% !important;

    margin:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-image{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:right bottom !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-trust{
    position:absolute !important;
    z-index:4 !important;

    left:18px !important;
    bottom:16px !important;

    width:52% !important;

    margin:0 !important;
    padding:9px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-trust > div{
    padding:5px 0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-trust p{
    font-size:7px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-trust strong{
    font-size:8px !important;
  }

  .website-v2 .ca-v2-sales .sales-advisor{
    min-height:0 !important;
  }

}


/* =========================================================
   CRAFTAGENT V20.48.1C END
   ========================================================= */



/* =========================================================
   CRAFTAGENT V20.48.1D
   MOBILE CLEANUP
   ========================================================= */

@media(max-width:700px){


  /* =======================================================
     1. REDUNDANTE MOBILE-SECTIONS RAUS

     Desktop bleibt vollständig erhalten.
     ======================================================= */

  .website-v2 main > .ca-v2-theme-experience,
  .website-v2 main > .ca-v2-personalize{
    display:none !important;
  }


  /* =======================================================
     2. LIVE-DEMO WIRD ZUM ZENTRALEN MOBILE-BEISPIEL
     ======================================================= */

  .website-v2 main > .ca-v2-demo{
    padding-top:40px !important;
    padding-bottom:40px !important;
    min-height:0 !important;
  }

  .website-v2 .ca-v2-demo-head{
    margin-bottom:20px !important;
  }

  .website-v2 .ca-v2-demo-title h2{
    font-size:40px !important;
    line-height:.95 !important;
    letter-spacing:-1.6px !important;
  }

  .website-v2 .ca-v2-demo-intro p{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  .website-v2 .ca-v2-demo-stage{
    min-height:0 !important;
    margin-top:20px !important;
  }

  /*
   * Linke / obere eigentliche Teststeuerung bleibt.
   * Sie ist jetzt DAS Live-Beispiel.
   */

  .website-v2 .ca-v2-demo-control{
    padding:18px !important;
  }

  .website-v2 .ca-v2-demo-person{
    margin-bottom:16px !important;
  }

  .website-v2 .ca-v2-demo-option{
    min-height:58px !important;
    padding:9px 11px !important;
  }

  .website-v2 .ca-v2-demo-option + .ca-v2-demo-option{
    margin-top:7px !important;
  }


  /*
   * Zusatzinfos direkt unter der Steuerung.
   * Ersetzt inhaltlich Design + Individualisierung.
   */

  .website-v2 .ca-v2-demo-control::after{
    content:
      "✓ Auf Ihren Betrieb angepasst   ·   ✓ Eigene Leistungen & Fragen   ·   ✓ Passender Assistent   ·   ✓ Qualifizierte Anfrage";

    display:block !important;

    margin-top:14px !important;
    padding:12px 13px !important;

    border:1px solid rgba(39,164,220,.18) !important;
    border-radius:14px !important;

    background:rgba(231,247,253,.72) !important;

    color:#496c7d !important;

    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.55 !important;
  }


  /* =======================================================
     3. DUNKLER WEBSITE-/ASSISTENTEN-MOCKUP RAUS
     ======================================================= */

  .website-v2 .ca-v2-demo-browser-body{
    display:none !important;
  }

  /*
   * Browserrahmen dadurch nicht mehr künstlich hoch halten.
   */

  .website-v2 .ca-v2-demo-browser{
    min-height:0 !important;
    height:auto !important;
  }

  .website-v2 .ca-v2-demo-experience{
    min-height:0 !important;
    padding:14px !important;
  }


  /*
   * Ergebnis unterhalb der Demo bleibt sichtbar.
   * Genau das erklärt den Mehrwert besser als der
   * große dunkle Mockup.
   */

  .website-v2 .ca-v2-demo-result{
    margin-top:12px !important;
    padding-top:12px !important;
  }


  /* =======================================================
     4. VERGLEICH

     2 schmale Spalten -> 2 kompakte volle Zeilen.
     ======================================================= */

  .website-v2 main > .ca-v2-compare{
    padding-top:38px !important;
    padding-bottom:38px !important;
  }

  .website-v2 .ca-v2-compare-heading h2{
    font-size:38px !important;
    line-height:.96 !important;
    letter-spacing:-1.5px !important;
  }

  .website-v2 .ca-v2-compare-intro > p{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .website-v2 .ca-v2-compare-stage{
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:16px !important;
  }

  .website-v2 .ca-v2-compare-side{
    min-height:0 !important;
    padding:12px 14px !important;

    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    gap:10px !important;
  }

  .website-v2 .ca-v2-compare-card-head{
    grid-column:1 / -1 !important;
  }

  .website-v2 .ca-v2-compare-card-head h3{
    font-size:15px !important;
  }

  /*
   * Problem und Ergebnis jeweils auf Kernbotschaft reduzieren.
   */

  .website-v2 .ca-v2-compare-problem{
    grid-column:1 / -1 !important;
    margin-top:6px !important;
    padding:9px 11px !important;
  }

  .website-v2 .ca-v2-compare-problem ul{
    display:none !important;
  }

  .website-v2 .ca-v2-compare-problem-head{
    margin:0 !important;
  }

  .website-v2 .ca-v2-compare-success{
    grid-column:1 / -1 !important;
    margin-top:6px !important;
    padding:9px 11px !important;
  }

  .website-v2 .ca-v2-compare-success strong{
    font-size:13px !important;
  }

  .website-v2 .ca-v2-compare-success small{
    font-size:9px !important;
  }

  /*
   * Footer innerhalb der beiden Karten auf Mobile unnötig.
   */

  .website-v2 .ca-v2-compare-card-footer{
    display:none !important;
  }

  .website-v2 .ca-v2-compare-bottom{
    margin-top:10px !important;
  }


  /* =======================================================
     5. TILL / SALES

     Keine riesige Mobile-Personabühne mehr.
     Fokus auf die eigentliche Beratung.
     ======================================================= */

  .website-v2 main > .ca-v2-sales{
    padding-top:38px !important;
    padding-bottom:38px !important;
    overflow:hidden !important;
  }

  .website-v2 .ca-v2-sales-head{
    display:block !important;
    margin-bottom:16px !important;
  }

  .website-v2 .ca-v2-sales-head h2{
    font-size:39px !important;
    line-height:.94 !important;
    letter-spacing:-1.7px !important;

    max-width:100% !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  .website-v2 .ca-v2-sales-head-copy{
    margin-top:14px !important;
  }

  .website-v2 .ca-v2-sales-head-copy > p{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  .website-v2 .ca-v2-sales .sales-section-meta{
    margin-top:12px !important;
    gap:6px !important;
  }

  .website-v2 .ca-v2-sales .sales-section-meta span{
    padding:7px 9px !important;
    font-size:9px !important;
  }


  /*
   * Persona statt 300px Bühne:
   * kompakte Till-Karte.
   */

  .website-v2 .ca-v2-sales .sales-persona{
    min-height:128px !important;
    height:128px !important;

    padding:14px 15px !important;

    display:block !important;
    position:relative !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-brand{
    display:none !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy{
    position:relative !important;
    z-index:3 !important;

    width:62% !important;

    margin:0 !important;
    padding:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-status{
    margin-bottom:7px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy h3{
    font-size:22px !important;
    line-height:.98 !important;
    margin:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy > p{
    display:block !important;

    margin-top:7px !important;

    font-size:10px !important;
    line-height:1.35 !important;
  }


  /*
   * Till klein rechts in der Karte.
   */

  .website-v2 .ca-v2-sales .sales-persona-visual{
    position:absolute !important;

    right:0 !important;
    bottom:0 !important;

    width:42% !important;
    height:125px !important;

    margin:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-image{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:right bottom !important;
  }


  /*
   * Dunkler Trust-Block aus Screenshot raus.
   */

  .website-v2 .ca-v2-sales .sales-persona-trust{
    display:none !important;
  }


  /* =======================================================
     6. BERATUNG DIREKT UNTER TILL
     ======================================================= */

  .website-v2 .ca-v2-sales .sales-advisor{
    min-height:0 !important;
    margin:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-advisor-head{
    padding:13px 14px !important;
  }

  .website-v2 .ca-v2-sales .craftagent-sales-body{
    padding:14px !important;
  }

  .website-v2 .ca-v2-sales .sales-question h3,
  .website-v2 .ca-v2-sales .sales-result h3{
    font-size:20px !important;
    line-height:1.15 !important;
  }

  .website-v2 .ca-v2-sales .sales-options{
    gap:7px !important;
  }

  .website-v2 .ca-v2-sales .sales-option{
    min-height:54px !important;
    padding:9px 11px !important;
  }

}


/* =========================================================
   CRAFTAGENT V20.48.1D END
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.1E
   MOBILE FINAL COMPRESSION
   ========================================================= */

@media(max-width:700px){


  /* =======================================================
     1. VALUE
     aus Detail-Mockups wird klarer Vorher/Nachher-Vergleich
     ======================================================= */

  .website-v2 main > .ca-v2-value{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .website-v2 .ca-v2-value-heading{
    margin-bottom:18px !important;
  }

  .website-v2 .ca-v2-value-heading h2{
    font-size:39px !important;
    line-height:.96 !important;
    letter-spacing:-1.6px !important;
  }

  .website-v2 .ca-v2-value-heading p{
    font-size:14px !important;
    line-height:1.48 !important;
  }


  /* zwei volle Zeilen statt schmaler Spalten */

  .website-v2 .ca-v2-transform{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;

    margin-top:18px !important;
  }

  .website-v2 .ca-v2-transform-before,
  .website-v2 .ca-v2-transform-after{
    min-height:0 !important;

    padding:12px 13px !important;

    border-radius:16px !important;

    background:rgba(255,255,255,.72) !important;
  }


  /* Labels bleiben */

  .website-v2 .ca-v2-transform-label{
    margin-bottom:7px !important;

    font-size:8px !important;
  }


  /* =======================================================
     KONTAKTFORMULAR
     nur noch Kernbotschaft
     ======================================================= */

  .website-v2 .ca-v2-before-window{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .website-v2 .ca-v2-before-top{
    display:none !important;
  }

  .website-v2 .ca-v2-before-body{
    padding:0 !important;
  }

  .website-v2 .ca-v2-before-field{
    display:none !important;
  }

  /* nur Nachricht zeigen */

  .website-v2 .ca-v2-before-message{
    display:block !important;

    min-height:0 !important;

    margin:0 !important;
    padding:10px 11px !important;

    border-radius:12px !important;

    background:#fff !important;
  }

  .website-v2 .ca-v2-before-message label{
    display:none !important;
  }

  .website-v2 .ca-v2-before-message strong{
    font-size:13px !important;
    line-height:1.25 !important;
  }

  .website-v2 .ca-v2-before-problem{
    margin-top:7px !important;
    padding:8px 10px !important;

    font-size:9px !important;
    line-height:1.3 !important;
  }


  /* =======================================================
     QUALIFIZIERTE ANFRAGE
     nur Kunde + Ergebnis
     ======================================================= */

  .website-v2 .ca-v2-qualified-card{
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .website-v2 .ca-v2-qualified-head{
    padding:0 0 8px !important;
  }

  .website-v2 .ca-v2-qualified-head h3,
  .website-v2 .ca-v2-qualified-head strong{
    font-size:15px !important;
  }

  .website-v2 .ca-v2-qualified-priority{
    display:none !important;
  }

  .website-v2 .ca-v2-qualified-customer{
    padding:9px 10px !important;

    border-radius:12px !important;
    background:#fff !important;
  }

  .website-v2 .ca-v2-qualified-grid{
    display:none !important;
  }

  .website-v2 .ca-v2-qualified-summary{
    margin:7px 0 0 !important;
    padding:9px 10px !important;

    border-radius:12px !important;
  }

  .website-v2 .ca-v2-qualified-summary p{
    font-size:9px !important;
    line-height:1.35 !important;
  }

  .website-v2 .ca-v2-qualified-footer{
    display:none !important;
  }


  /* Ergebnis noch dichter */

  .website-v2 .ca-v2-value-result{
    margin-top:10px !important;
    padding:9px 11px !important;
  }


  /* =======================================================
     2. TILL PERSONA
     kein Überlappen mehr
     ======================================================= */

  .website-v2 .ca-v2-sales .sales-persona{
    height:96px !important;
    min-height:96px !important;

    padding:12px 14px !important;

    overflow:hidden !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy{
    width:58% !important;

    margin:0 !important;
    padding:0 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-status{
    margin-bottom:5px !important;

    font-size:7px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy h3{
    margin:0 !important;

    font-size:18px !important;
    line-height:1 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy > p{
    margin-top:5px !important;

    font-size:8px !important;
    line-height:1.3 !important;

    max-width:170px !important;
  }


  /* Till sauber rechts */

  .website-v2 .ca-v2-sales .sales-persona-visual{
    right:4px !important;
    bottom:0 !important;

    width:38% !important;
    height:94px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-image{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:right bottom !important;
  }


  /* =======================================================
     BERATUNG DIREKT AN PERSONA ANSCHLIESSEN
     ======================================================= */

  .website-v2 .ca-v2-sales .sales-advisor-head{
    padding:11px 13px !important;
  }

  .website-v2 .ca-v2-sales .craftagent-sales-body{
    padding:12px 13px !important;
  }

  .website-v2 .ca-v2-sales .sales-question h3{
    font-size:19px !important;
  }

}


/* =========================================================
   END V20.48.1E
   ========================================================= */



/* =========================================================
   CRAFTAGENT V20.48.1E1
   TILL MOBILE PORTRAIT RIGHT
   ========================================================= */

@media(max-width:700px){

  .website-v2 .ca-v2-sales .sales-persona-visual{
    right:-22px !important;
    width:42% !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-image{
    object-position:right bottom !important;
  }

}


/* =========================================================
   END V20.48.1E1
   ========================================================= */



/* =========================================================
   CRAFTAGENT V20.48.1E2
   TILL MOBILE PORTRAIT – FINAL POSITION
   ========================================================= */

@media(max-width:700px){

  /* Text bekommt seinen eigenen Bereich links */
  .website-v2 .ca-v2-sales .sales-persona-copy{
    position:relative !important;
    z-index:2 !important;

    width:62% !important;
    max-width:190px !important;
  }


  /* Till konsequent an die rechte Seite */
  .website-v2 .ca-v2-sales .sales-persona-visual{
    position:absolute !important;

    left:auto !important;
    right:-4px !important;
    bottom:-2px !important;

    width:145px !important;
    height:100px !important;

    margin:0 !important;
    padding:0 !important;

    z-index:1 !important;
  }


  .website-v2 .ca-v2-sales .sales-persona-image{
    display:block !important;

    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    object-position:right bottom !important;

    margin:0 !important;

    transform:none !important;
  }

}


/* =========================================================
   END V20.48.1E2
   ========================================================= */



/* =========================================================
   CRAFTAGENT V20.48.1E3
   TILL MOBILE – VISIBLE RIGHT
   ========================================================= */

@media(max-width:700px){

  .website-v2 .ca-v2-sales .sales-persona{
    position:relative !important;
    overflow:hidden !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-copy{
    width:56% !important;
    max-width:175px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-visual{
    position:absolute !important;

    left:auto !important;
    right:8px !important;
    bottom:0 !important;

    width:130px !important;
    height:96px !important;

    overflow:visible !important;

    z-index:1 !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-image{
    position:absolute !important;

    width:130px !important;
    height:110px !important;

    right:0 !important;
    bottom:-2px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
  }

}


/* =========================================================
   END V20.48.1E3
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.1E4
   TILL MOBILE HEADER CLEANUP
   ========================================================= */

@media(max-width:700px){

  .website-v2 .ca-v2-sales
  .sales-persona-copy > p{
    display:none !important;
  }

  .website-v2 .ca-v2-sales
  .sales-persona-copy h3{
    margin-top:2px !important;
  }

}

/* END V20.48.1E4 */

/* =========================================================
   CRAFTAGENT V20.48.1E5
   TILL MOBILE – ETWAS WEITER NACH LINKS
   ========================================================= */

@media(max-width:700px){

  .website-v2 .ca-v2-sales .sales-persona-visual{
    right:20px !important;
  }

  .website-v2 .ca-v2-sales .sales-persona-image{
    right:0 !important;
    object-position:center bottom !important;
  }

}

/* END V20.48.1E5 */


/* =========================================================
   CRAFTAGENT V20.48.1F
   MODERN MOBILE CONTRAST

   Ausschließlich:
   - Mobile
   - Website Theme Modern

   Classic bleibt unangetastet.
   ========================================================= */

@media(max-width:700px){

  /* =======================================================
     1. VALUE / WEBSITEBESUCHER -> ANFRAGE
     ======================================================= */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-before,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-after{
    background:
      rgba(14,43,59,.96) !important;

    border:
      1px solid rgba(93,191,233,.18) !important;

    box-shadow:
      0 16px 36px rgba(0,0,0,.16) !important;
  }


  /* Kontaktformular */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-before-message{
    background:
      rgba(20,55,73,.96) !important;

    border:
      1px solid rgba(111,199,237,.18) !important;

    color:#f4f9fb !important;
  }

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-before-message strong{
    color:#f4f9fb !important;
  }


  html[data-site-theme="modern"]
  .website-v2 .ca-v2-before-problem{
    background:
      rgba(109,55,43,.32) !important;

    border-color:
      rgba(255,173,114,.30) !important;

    color:#ffc09a !important;
  }


  /* Qualifizierte Anfrage */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-customer{
    background:
      rgba(20,55,73,.96) !important;

    border:
      1px solid rgba(111,199,237,.18) !important;
  }

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-customer strong{
    color:#f4f9fb !important;
  }


  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-summary{
    background:
      rgba(20,82,91,.42) !important;

    border-color:
      rgba(54,223,163,.32) !important;
  }

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-summary p{
    color:#d9e7ed !important;
  }


  /* allgemeine Texte innerhalb des Ergebnisblocks */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-before strong,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-after strong,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-card h3,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-card strong{
    color:#f4f9fb !important;
  }


  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-before p,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-after p,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-qualified-card p{
    color:#9fb7c3 !important;
  }


  /* Labels bewusst sichtbar */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-transform-label{
    color:#0A56B4 !important;
  }



  /* =======================================================
     2. GEWERKE
     helle Mobile-Zeilen -> dunkle Premium-Zeilen
     ======================================================= */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-card-primary,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-mini{
    background:
      linear-gradient(
        135deg,
        rgba(16,45,62,.98),
        rgba(20,55,73,.94)
      ) !important;

    border-color:
      rgba(91,188,231,.24) !important;

    box-shadow:
      0 10px 26px rgba(0,0,0,.14) !important;
  }


  /* Gewerkenamen */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-label,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-mini
  .ca-v2-trade-label{
    color:#edf7fb !important;
  }


  /* Icon-Flächen */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-card-primary
  .ca-v2-trade-icon,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-mini
  .ca-v2-trade-icon{
    background:
      rgba(98,197,237,.10) !important;

    border-color:
      rgba(98,197,237,.28) !important;
  }


  /* Pfeile */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-footer,

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trade-mini-link{
    color:#0A56B4 !important;
  }



  /* =======================================================
     3. ROADMAP / "IHR GEWERK NICHT DABEI?"
     ======================================================= */

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trades-roadmap{
    background:
      rgba(14,43,59,.82) !important;

    border-color:
      rgba(98,197,237,.24) !important;
  }

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trades-roadmap-copy h3{
    color:#f4f9fb !important;
  }

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trades-roadmap-copy p{
    color:#91aab7 !important;
  }

  html[data-site-theme="modern"]
  .website-v2 .ca-v2-trades-roadmap-link{
    background:
      rgba(98,197,237,.08) !important;

    border-color:
      rgba(98,197,237,.24) !important;

    color:#0A56B4 !important;
  }

}


/* =========================================================
   END V20.48.1F
   ========================================================= */


/* =========================================================
   CRAFTAGENT V20.48.2 – WEBSITE CONTENT LEAN
   ========================================================= */

#funktionen.ca-v2-value{
  padding-bottom:clamp(64px,8vw,108px) !important;
}

/* Gewerke 04–07 kompakter */
#gewerke .ca-v2-trades-secondary{
  gap:12px !important;
}

#gewerke .ca-v2-trade-mini{
  min-height:0 !important;
  padding:20px !important;
}

#gewerke .ca-v2-trade-mini p{
  display:none !important;
}

#gewerke .ca-v2-trade-mini-link{
  margin-top:14px !important;
}

/* Individualisierung und Einrichtung */
#individualisierung .ca-v2-personalize-stage{
  grid-template-columns:minmax(0,1fr) !important;
}

#individualisierung .ca-v2-personalize-config{
  width:100% !important;
  max-width:none !important;
}

#individualisierung .ca-v2-personalize-steps{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

#individualisierung .ca-v2-personalize-steps > article{
  min-width:0;
  min-height:100%;
  border-bottom:0 !important;
  border-right:1px solid rgba(255,255,255,.07);
}

#individualisierung
.ca-v2-personalize-steps > article:last-child{
  border-right:0;
}

.ca-lean-theme-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:0 0 22px;
  padding:18px 20px;
  border:1px solid rgba(10,86,180,.42);
  border-radius:18px;
  background:rgba(10,86,180,.08);
}

.ca-lean-theme-note p{
  max-width:570px;
  margin:0;
  color:#a6bac7;
  line-height:1.65;
}

.ca-lean-theme-options{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

.ca-lean-theme-chip{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:142px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
}

.ca-lean-theme-chip.is-classic{
  color:#17394c;
  background:#f7fafb;
}

.ca-lean-theme-chip.is-modern{
  color:#fff;
  background:#071b29;
}

.ca-lean-theme-chip small{
  font-size:10px;
  opacity:.68;
}

.ca-lean-theme-separator{
  color:#78909f;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.ca-lean-setup{
  margin-top:28px;
  padding-top:30px;
  border-top:1px solid rgba(255,255,255,.08);
}

.ca-lean-setup-intro{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);
  align-items:end;
  gap:40px;
  margin-bottom:24px;
}

.ca-lean-setup-intro h3{
  margin:8px 0 0;
  color:#fff;
  font-size:clamp(24px,2.2vw,36px);
  line-height:1.08;
}

.ca-lean-setup-intro p{
  margin:0;
  color:#a6bac7;
  line-height:1.7;
}

.ca-lean-setup-kicker{
  color:#0A56B4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.ca-lean-setup .ca-v2-setup-flow{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
}

.ca-lean-setup .ca-v2-setup-step{
  min-width:0;
  min-height:0 !important;
  padding:22px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.025) !important;
}

.ca-lean-setup .ca-v2-setup-mini{
  display:none !important;
}

.ca-lean-setup .ca-v2-setup-step-copy h3{
  font-size:18px !important;
}

.ca-lean-setup .ca-v2-setup-step-copy p{
  font-size:13px !important;
  line-height:1.55 !important;
}

/* Vergleich und Zustellung */
#vergleich.ca-v2-compare{
  padding-bottom:clamp(46px,5vw,72px) !important;
}

#prozess.ca-v2-delivery{
  padding-top:0 !important;
}

#prozess .ca-v2-delivery-stage{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.ca-lean-delivery-bridge{
  display:grid;
  grid-template-columns:
    minmax(180px,.45fr)
    minmax(320px,1fr)
    minmax(260px,.8fr);
  align-items:end;
  gap:28px;
  margin-bottom:24px;
}

.ca-lean-delivery-bridge > span{
  color:#0A56B4;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.ca-lean-delivery-bridge h2{
  margin:0;
  color:#fff;
  font-size:clamp(24px,2.4vw,38px);
  line-height:1.08;
}

.ca-lean-delivery-bridge p{
  margin:0;
  color:#a6bac7;
  line-height:1.65;
}

#prozess .ca-v2-delivery-destinations{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
}

#prozess .ca-v2-delivery-option{
  min-height:0 !important;
  padding:26px !important;
}

/* FAQ kompakter */
#faq.ca-v2-faq{
  padding-top:clamp(70px,8vw,108px) !important;
  padding-bottom:clamp(70px,8vw,108px) !important;
}

@media (max-width:1000px){
  #individualisierung .ca-v2-personalize-steps,
  .ca-lean-setup .ca-v2-setup-flow{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #individualisierung
  .ca-v2-personalize-steps > article:nth-child(2){
    border-right:0;
  }

  .ca-lean-theme-note{
    align-items:flex-start;
    flex-direction:column;
  }

  .ca-lean-setup-intro,
  .ca-lean-delivery-bridge{
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  #individualisierung .ca-v2-personalize-steps,
  .ca-lean-setup .ca-v2-setup-flow,
  #prozess .ca-v2-delivery-destinations{
    grid-template-columns:1fr !important;
  }

  #individualisierung
  .ca-v2-personalize-steps > article{
    border-right:0;
    border-bottom:
      1px solid rgba(255,255,255,.07) !important;
  }

  #individualisierung
  .ca-v2-personalize-steps > article:last-child{
    border-bottom:0 !important;
  }

  .ca-lean-theme-options{
    width:100%;
    align-items:stretch;
    flex-direction:column;
  }

  .ca-lean-theme-chip{
    width:100%;
  }

  .ca-lean-theme-separator{
    text-align:center;
  }
}


/* =========================================================
   CRAFTAGENT V20.48.3 – DELIVERY COLOR & SPACING FIX
   ========================================================= */

/* Classic: Überschrift dunkel und klar lesbar */
.ca-lean-delivery-bridge h2,
body.site-theme-classic .ca-lean-delivery-bridge h2,
html[data-site-theme="classic"] .ca-lean-delivery-bridge h2{
  color:#17394c !important;
}

/* Modern: Überschrift weiterhin weiß */
body.site-theme-modern .ca-lean-delivery-bridge h2,
html[data-site-theme="modern"] .ca-lean-delivery-bridge h2{
  color:#ffffff !important;
}

/* Alte Mindesthöhe des großen Zustellungs-Mockups aufheben */
#prozess .ca-v2-delivery-stage{
  min-height:0 !important;
  height:auto !important;
}

/* Kompakte Karten ohne künstliche Mindesthöhe */
#prozess .ca-v2-delivery-destinations{
  align-items:stretch !important;
}

#prozess .ca-v2-delivery-option{
  min-height:0 !important;
  height:auto !important;
}

/* Abstand zum FAQ deutlich reduzieren */
#prozess.ca-v2-delivery{
  padding-bottom:32px !important;
}

#faq.ca-v2-faq{
  padding-top:64px !important;
}

@media (max-width:700px){
  #prozess.ca-v2-delivery{
    padding-bottom:24px !important;
  }

  #faq.ca-v2-faq{
    padding-top:48px !important;
  }
}


/* CRAFTAGENT V20.48.4 – GEWERKEFARBEN */
#gewerke a[href="/shk"]{--gt-accent:#0A56B4;--gt-ink:#0A56B4;--gt-light:#94BDF0;--gt-rgb:10,86,180;}
#gewerke a[href="/elektro"]{--gt-accent:#C62828;--gt-ink:#C62828;--gt-light:#F29A9A;--gt-rgb:198,40,40;}
#gewerke a[href="/klima"]{--gt-accent:#54B9E7;--gt-ink:#176890;--gt-light:#8DD6F5;--gt-rgb:84,185,231;}
#gewerke a[href="/maler"]{--gt-accent:#7452A0;--gt-ink:#7452A0;--gt-light:#C2AAE3;--gt-rgb:116,82,160;}
#gewerke a[href="/maurer"]{--gt-accent:#A3443A;--gt-ink:#A3443A;--gt-light:#E7AAA2;--gt-rgb:163,68,58;}
#gewerke a[href="/bodenleger"]{--gt-accent:#805638;--gt-ink:#805638;--gt-light:#D5B194;--gt-rgb:128,86,56;}
#gewerke a[href="/fliesenleger"]{--gt-accent:#176B72;--gt-ink:#176B72;--gt-light:#8DCDD1;--gt-rgb:23,107,114;}

/* Helle, überwiegend neutrale Karten */
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini){
  background:
    radial-gradient(
      ellipse at top right,
      rgba(var(--gt-rgb),.08),
      transparent 62%
    ),
    #ffffff !important;
  border-color:rgba(var(--gt-rgb),.22) !important;
  border-top:3px solid var(--gt-accent) !important;
}

/* Gewerkebezeichnung */
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-label{
  color:var(--gt-ink) !important;
}

/* Icon-Flächen */
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-icon{
  color:var(--gt-ink) !important;
  background:rgba(var(--gt-rgb),.10) !important;
  border-color:rgba(var(--gt-rgb),.24) !important;
}

/* Leistungs-Tags bleiben zurückhaltend */
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-services span{
  border-color:rgba(var(--gt-rgb),.23) !important;
  background:rgba(var(--gt-rgb),.035) !important;
}

/* Pfeile */
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-footer > strong,
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-mini-link b{
  color:var(--gt-ink) !important;
  background:rgba(var(--gt-rgb),.08) !important;
}

/* Hover und Tastaturfokus */
#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini):hover{
  border-color:rgba(var(--gt-rgb),.55) !important;
  border-top-color:var(--gt-accent) !important;
}

#gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini):focus-visible{
  outline:3px solid var(--gt-accent) !important;
  outline-offset:4px;
}

/* Modern behält seine dunklen Kartenflächen */
body.site-theme-modern #gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini){
  background:
    radial-gradient(
      ellipse at top right,
      rgba(var(--gt-rgb),.10),
      transparent 62%
    ),
    #0b2231 !important;
}

body.site-theme-modern #gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-label,
body.site-theme-modern #gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-icon,
body.site-theme-modern #gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-footer > strong,
body.site-theme-modern #gewerke a:is(.ca-v2-trade-card-primary,.ca-v2-trade-mini) .ca-v2-trade-mini-link b{
  color:var(--gt-light) !important;
}

/* ==========================================================
   CRAFTAGENT V20.49.0 – QUICK FIXES
   ========================================================== */

/* Modern: durchgehender dunkler Übergang statt heller Zwischenfläche. */
html[data-site-theme="modern"] .website-v2 .ca-v2-impact {
  background: linear-gradient(180deg, #071925 0%, #0a1b28 100%);
}

/* Der allgemeine Stefan-Launcher pausiert, solange Tills Beratung sichtbar ist. */
.website-v2.ca-v2-sales-visible #werkagent-widget {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(16px) !important;
}

/* ==========================================================
   CRAFTAGENT V20.50.0 – RESPONSIVE & CONVERSION POLISH
   ========================================================== */

/* Tastaturnutzer gelangen ohne Umwege zum Hauptinhalt. */
.website-v2 .ca-v2-skip-link {
  position:fixed;
  z-index:1000;
  top:12px;
  left:12px;
  padding:11px 15px;
  border:2px solid #69d2ff;
  border-radius:10px;
  color:#ffffff;
  background:#071b29;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
  transform:translateY(-180%);
}

.website-v2 .ca-v2-skip-link:focus,
.website-v2 .ca-v2-skip-link:focus-visible {
  outline:3px solid #ffffff;
  outline-offset:3px;
  transform:translateY(0);
}

/* Header: klare Einzeiligkeit und lesbare Bedienelemente. */
.website-v2 .ca-v2-nav {
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:30px;
}

.website-v2 .ca-v2-navigation {
  min-width:0;
}

.website-v2 .ca-v2-navigation a {
  white-space:nowrap;
  word-break:normal;
  font-size:14px;
}

.website-v2 .ca-v2-global-theme-toggle button {
  min-height:36px;
  font-size:11px;
}

.website-v2 .ca-v2-nav-demo,
.website-v2 .ca-v2-nav-cta {
  font-size:13px;
}

/* Nach dem entfernten Doppelvergleich beginnt die Zustellung mit eigener Luft. */
#prozess.ca-v2-delivery {
  padding-top:clamp(76px,8vw,112px) !important;
}

@media (max-width:1440px) {
  .website-v2 .ca-v2-nav {
    width:min(1480px,calc(100% - 40px));
    gap:22px;
  }

  .website-v2 .ca-v2-brand-line,
  .website-v2 .ca-v2-nav-demo {
    display:none;
  }

  .website-v2 .ca-v2-navigation {
    gap:clamp(16px,1.7vw,24px);
  }
}

/* Die alte 1240-px-Abschaltung wird erst dort aktiv, wo Platz wirklich fehlt. */
@media (min-width:1121px) and (max-width:1240px) {
  .website-v2 .ca-v2-navigation {
    display:flex;
  }
}

@media (max-width:1120px) {
  .website-v2 .ca-v2-navigation {
    display:none;
  }
}

@media (max-width:760px) {
  .website-v2 .ca-v2-nav {
    gap:12px;
  }

  .website-v2 .ca-v2-global-theme-toggle button {
    min-height:34px;
    padding:0 8px;
    font-size:10px;
  }

  .website-v2 .ca-v2-nav-cta {
    min-height:40px;
    padding:0 14px;
    font-size:12px;
  }
}

@media (max-width:700px) {
  #prozess.ca-v2-delivery {
    padding-top:64px !important;
  }
}

/* ==========================================================
   CRAFTAGENT V20.51.0 – TRUST & PRICING CLARITY
   ========================================================== */

.website-v2 .ca-v2-pricing {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  scroll-margin-top:84px;
  padding:clamp(72px,7vw,104px) 0;
  color:#f5fbff;
  background:
    radial-gradient(circle at 82% 12%,rgba(10,86,180,.17),transparent 31%),
    radial-gradient(circle at 8% 72%,rgba(46,219,136,.055),transparent 27%),
    linear-gradient(180deg,#071925 0%,#06151f 100%);
}

.website-v2 .ca-v2-pricing-grid-bg {
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.23;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);
}

.website-v2 .ca-v2-pricing-glow {
  position:absolute;
  z-index:-1;
  top:24%;
  right:-170px;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(10,86,180,.14);
  filter:blur(105px);
  pointer-events:none;
}

.website-v2 .ca-v2-pricing-head {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
  align-items:end;
  gap:clamp(36px,6vw,96px);
  margin-bottom:32px;
}

.website-v2 .ca-v2-pricing-head h2 {
  max-width:790px;
  margin:16px 0 0;
  color:#ffffff;
  font-size:clamp(40px,5vw,76px);
  font-weight:850;
  letter-spacing:-.055em;
  line-height:.98;
}

.website-v2 .ca-v2-pricing-head h2 span {
  display:block;
  color:#70c7ff;
}

.website-v2 .ca-v2-pricing-head > p {
  max-width:570px;
  margin:0;
  color:#a6bac8;
  font-size:clamp(15px,1.25vw,18px);
  line-height:1.7;
}

.website-v2 .ca-v2-trust-rail {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 24px;
  padding:0;
  list-style:none;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.website-v2 .ca-v2-trust-rail li {
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:20px 22px;
  border-right:1px solid rgba(255,255,255,.075);
}

.website-v2 .ca-v2-trust-rail li:last-child {
  border-right:0;
}

.website-v2 .ca-v2-trust-dot {
  width:11px;
  height:11px;
  flex:0 0 auto;
  margin-top:5px;
  border:3px solid rgba(46,219,136,.2);
  border-radius:50%;
  background:#2edb88;
  box-shadow:0 0 0 4px rgba(46,219,136,.08);
}

.website-v2 .ca-v2-trust-rail strong,
.website-v2 .ca-v2-trust-rail small {
  display:block;
}

.website-v2 .ca-v2-trust-rail strong {
  color:#ecf7fc;
  font-size:14px;
  line-height:1.3;
}

.website-v2 .ca-v2-trust-rail small {
  margin-top:4px;
  color:#7f97a6;
  font-size:11px;
  line-height:1.45;
}

.website-v2 .ca-v2-pricing-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}

.website-v2 .ca-v2-price-card {
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:clamp(28px,3vw,42px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:
    linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    #0a1d2a;
  box-shadow:0 28px 70px rgba(0,0,0,.22);
}

.website-v2 .ca-v2-price-card-plus {
  border-color:rgba(73,175,255,.42);
  background:
    radial-gradient(circle at 88% 4%,rgba(36,148,233,.20),transparent 32%),
    linear-gradient(150deg,rgba(14,91,147,.20),rgba(255,255,255,.018)),
    #0a1d2a;
  box-shadow:
    0 32px 80px rgba(0,0,0,.27),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.website-v2 .ca-v2-price-recommended {
  position:absolute;
  top:0;
  right:34px;
  padding:9px 15px 10px;
  border-radius:0 0 11px 11px;
  color:#ffffff;
  background:linear-gradient(135deg,#1287ce,#0A56B4);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
}

.website-v2 .ca-v2-price-card-top {
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-right:0;
}

.website-v2 .ca-v2-price-card-plus .ca-v2-price-card-top {
  padding-right:108px;
}

.website-v2 .ca-v2-price-card-top span {
  color:#70c7ff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}

.website-v2 .ca-v2-price-card-top small {
  color:#78909f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-align:right;
}

.website-v2 .ca-v2-price-card-intro {
  margin-top:28px;
}

.website-v2 .ca-v2-price-card-intro h3 {
  margin:0;
  color:#ffffff;
  font-size:clamp(25px,2.3vw,34px);
  letter-spacing:-.035em;
}

.website-v2 .ca-v2-price-card-intro p {
  max-width:590px;
  min-height:52px;
  margin:10px 0 0;
  color:#94aab8;
  font-size:14px;
  line-height:1.6;
}

.website-v2 .ca-v2-price-main {
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:28px;
}

.website-v2 .ca-v2-price-main > span {
  color:#7992a2;
  font-size:14px;
  font-weight:700;
}

.website-v2 .ca-v2-price-main strong {
  color:#ffffff;
  font-size:clamp(52px,5.4vw,76px);
  font-weight:850;
  letter-spacing:-.065em;
  line-height:.9;
}

.website-v2 .ca-v2-price-main small {
  color:#a9bdc9;
  font-size:14px;
  font-weight:700;
}

.website-v2 .ca-v2-price-cycle {
  margin:13px 0 0;
  color:#a8c2d2;
  font-size:13px;
  line-height:1.45;
}

.website-v2 .ca-v2-price-saving {
  align-self:flex-start;
  margin-top:12px;
  padding:8px 11px;
  border:1px solid rgba(46,219,136,.20);
  border-radius:999px;
  color:#82e7b7;
  background:rgba(46,219,136,.075);
  font-size:11px;
  font-weight:850;
}

.website-v2 .ca-v2-price-alternative,
.website-v2 .ca-v2-price-setup {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:22px;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,.075);
  border-bottom:1px solid rgba(255,255,255,.075);
}

.website-v2 .ca-v2-price-setup {
  margin-top:0;
  border-top:0;
}

.website-v2 .ca-v2-price-alternative span,
.website-v2 .ca-v2-price-setup span {
  color:#839baa;
  font-size:12px;
}

.website-v2 .ca-v2-price-alternative strong,
.website-v2 .ca-v2-price-setup strong {
  color:#edf8fd;
  font-size:14px;
  white-space:nowrap;
}

.website-v2 .ca-v2-price-features {
  display:grid;
  gap:11px;
  margin:24px 0 28px;
  padding:0;
  list-style:none;
}

.website-v2 .ca-v2-price-features li {
  position:relative;
  padding-left:26px;
  color:#bfd0da;
  font-size:13px;
  line-height:1.5;
}

.website-v2 .ca-v2-price-features li::before {
  content:"✓";
  position:absolute;
  left:0;
  top:1px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#8de8bd;
  background:rgba(46,219,136,.09);
  font-size:10px;
  font-weight:900;
}

.website-v2 .ca-v2-price-cta {
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:auto;
  padding:0 20px;
  border:1px solid #1685c7;
  border-radius:13px;
  color:#ffffff;
  background:linear-gradient(135deg,#1185ca,#0A56B4);
  box-shadow:0 14px 32px rgba(10,86,180,.23);
  font-size:13px;
  font-weight:850;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.website-v2 .ca-v2-price-cta.is-secondary {
  color:#d9ecf7;
  border-color:rgba(112,199,255,.30);
  background:rgba(10,86,180,.11);
  box-shadow:none;
}

.website-v2 .ca-v2-price-cta:hover {
  color:#ffffff;
  border-color:#70c7ff;
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(10,86,180,.29);
}

.website-v2 .ca-v2-price-cta:focus-visible,
.website-v2 .ca-v2-pricing-foot a:focus-visible {
  outline:3px solid #70c7ff;
  outline-offset:4px;
}

.website-v2 .ca-v2-pricing-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin-top:22px;
  padding:0 4px;
}

.website-v2 .ca-v2-pricing-foot p {
  max-width:760px;
  margin:0;
  color:#718896;
  font-size:11px;
  line-height:1.6;
}

.website-v2 .ca-v2-pricing-foot a {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#a9d8f5;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  text-align:right;
}

/* Heller Classic-Modus. */
html[data-site-theme="classic"] .website-v2 .ca-v2-pricing {
  color:#17394c;
  background:
    radial-gradient(circle at 82% 12%,rgba(10,86,180,.09),transparent 32%),
    linear-gradient(180deg,#f2f7fa 0%,#eaf2f6 100%);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-pricing-grid-bg {
  opacity:.32;
  background-image:
    linear-gradient(rgba(23,57,76,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,57,76,.05) 1px,transparent 1px);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-pricing-head h2,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-card-intro h3,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-main strong {
  color:#17394c;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-pricing-head h2 span,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-card-top span {
  color:#0A56B4;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-pricing-head > p,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-card-intro p {
  color:#587181;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail {
  border-color:#d1dfe7;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 34px rgba(36,70,88,.06);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail li {
  border-right-color:#d7e3ea;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail strong {
  color:#22485d;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail small {
  color:#68808f;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-card {
  border-color:#cfdee6;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 65px rgba(38,72,90,.10);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-card-plus {
  border-color:rgba(10,86,180,.42);
  background:
    radial-gradient(circle at 88% 4%,rgba(48,157,226,.12),transparent 32%),
    rgba(255,255,255,.96);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-card-top small,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-main > span,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-main small,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-alternative span,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-setup span {
  color:#6a8290;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-cycle {
  color:#466777;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-alternative,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-setup {
  border-color:#dce7ec;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-alternative strong,
html[data-site-theme="classic"] .website-v2 .ca-v2-price-setup strong {
  color:#24495d;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-features li {
  color:#3f5e6e;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-price-cta.is-secondary {
  color:#0A56B4;
  border-color:rgba(10,86,180,.35);
  background:rgba(10,86,180,.055);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-pricing-foot p {
  color:#637b89;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-pricing-foot a {
  color:#0A56B4;
}

/* Der neue Preisbereich übernimmt den Übergang zwischen Zustellung und FAQ. */
#prozess.ca-v2-delivery {
  padding-bottom:clamp(38px,4vw,56px) !important;
}

#faq.ca-v2-faq {
  padding-top:clamp(54px,6vw,78px) !important;
}

@media (max-width:1060px) {
  .website-v2 .ca-v2-trust-rail {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .website-v2 .ca-v2-trust-rail li:nth-child(2) {
    border-right:0;
  }

  .website-v2 .ca-v2-trust-rail li:nth-child(-n+2) {
    border-bottom:1px solid rgba(255,255,255,.075);
  }

  html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail li:nth-child(-n+2) {
    border-bottom-color:#d7e3ea;
  }
}

@media (max-width:880px) {
  .website-v2 .ca-v2-pricing-head,
  .website-v2 .ca-v2-pricing-grid {
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-pricing-head {
    align-items:start;
    gap:20px;
  }

  .website-v2 .ca-v2-price-card-intro p {
    min-height:0;
  }

  .website-v2 .ca-v2-pricing-foot {
    align-items:flex-start;
    flex-direction:column;
  }

  .website-v2 .ca-v2-pricing-foot a {
    text-align:left;
  }
}

@media (max-width:600px) {
  .website-v2 .ca-v2-pricing {
    scroll-margin-top:72px;
    padding:58px 0;
  }

  .website-v2 .ca-v2-pricing-head {
    margin-bottom:24px;
  }

  .website-v2 .ca-v2-pricing-head h2 {
    font-size:clamp(38px,12.2vw,52px);
  }

  .website-v2 .ca-v2-trust-rail {
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-trust-rail li,
  .website-v2 .ca-v2-trust-rail li:nth-child(2) {
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.075);
  }

  .website-v2 .ca-v2-trust-rail li:last-child {
    border-bottom:0;
  }

  html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail li,
  html[data-site-theme="classic"] .website-v2 .ca-v2-trust-rail li:nth-child(2) {
    border-bottom-color:#d7e3ea;
  }

  .website-v2 .ca-v2-price-card {
    padding:27px 22px 24px;
    border-radius:20px;
  }

  .website-v2 .ca-v2-price-card-top {
    align-items:flex-start;
    flex-direction:column;
    gap:6px;
  }

  .website-v2 .ca-v2-price-card-plus .ca-v2-price-card-top {
    padding-right:96px;
  }

  .website-v2 .ca-v2-price-card-top small {
    text-align:left;
  }

  .website-v2 .ca-v2-price-main {
    gap:7px;
  }

  .website-v2 .ca-v2-price-main strong {
    font-size:52px;
  }

  .website-v2 .ca-v2-price-alternative,
  .website-v2 .ca-v2-price-setup {
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .website-v2 .ca-v2-price-cta {
    min-height:56px;
    padding:0 16px;
    font-size:12px;
  }

  #prozess.ca-v2-delivery {
    padding-bottom:30px !important;
  }

  #faq.ca-v2-faq {
    padding-top:46px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .website-v2 .ca-v2-price-cta {
    transition:none;
  }
}

/* =========================================================
   CRAFTAGENT V20.51.1 – CLASSIC CONTRAST FIX
   Ausschließlich dunkle Textfarben im hellen Classic-Theme.
   ========================================================= */

html[data-site-theme="classic"]
body.website-v2
.ca-v2-hero
.ca-v2-proof-row
> div
> span:last-child
strong{
  color:#183b50 !important;
}

html[data-site-theme="classic"]
body.website-v2
.ca-v2-hero
.ca-v2-proof-row
> div
> span:last-child{
  color:#526f7e !important;
}

html[data-site-theme="classic"]
body.website-v2
.ca-v2-hero
.ca-v2-proof-row
> div
> span:last-child
> span{
  color:#526f7e !important;
}

html[data-site-theme="classic"]
body.website-v2
.ca-v2-product-process
.ca-v2-process-heading
h3{
  color:#14364a !important;
}

html[data-site-theme="classic"]
body.website-v2
.ca-v2-product-process
.ca-v2-process-heading
> p{
  color:#526f7e !important;
}

html[data-site-theme="classic"]
body.website-v2
.ca-v2-hero
.ca-v2-proof-row
strong::selection,
html[data-site-theme="classic"]
body.website-v2
.ca-v2-product-process
.ca-v2-process-heading
h3::selection{
  color:#14364a;
  background:rgba(10,86,180,.18);
}

/* ==========================================================
   CRAFTAGENT V20.56.1
   COMPACT TRADE DIRECTORY
   ========================================================== */

.website-v2 .ca-v2-trades{
  padding:clamp(78px,7.5vw,116px) 0;
}

.website-v2 .ca-v2-trades-directory-head{
  align-items:end;
  gap:clamp(36px,7vw,110px);
  margin-bottom:clamp(34px,4vw,52px);
}

.website-v2 .ca-v2-trades-directory-head .ca-v2-trades-heading h2{
  max-width:680px;
  font-size:clamp(43px,4.4vw,68px);
  line-height:.98;
}

.website-v2 .ca-v2-trades-directory-head .ca-v2-trades-intro > p{
  margin-bottom:20px;
  font-size:clamp(15px,1.05vw,17px);
  line-height:1.65;
}

.website-v2 .ca-v2-trade-directory{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.website-v2 .ca-v2-trade-compact{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:112px;
  padding:17px 16px;
  color:#eef7fb;
  border:1px solid rgba(115,183,215,.14);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(14,45,61,.86),rgba(8,32,45,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}

.website-v2 .ca-v2-trade-compact::before{
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:2px;
  background:linear-gradient(90deg,rgba(var(--trade-card-accent-rgb),.92),rgba(var(--trade-card-accent-rgb),.18) 64%,transparent);
  content:"";
}

.website-v2 .ca-v2-trade-compact-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(var(--trade-card-accent-rgb),.24);
  border-radius:13px;
  background:rgba(var(--trade-card-accent-rgb),.09);
  font-size:18px;
}

.website-v2 .ca-v2-trade-compact-copy{
  min-width:0;
}

.website-v2 .ca-v2-trade-compact-copy strong,
.website-v2 .ca-v2-trade-compact-copy small{
  display:block;
}

.website-v2 .ca-v2-trade-compact-copy strong{
  margin-bottom:5px;
  color:#f7fbfd;
  font-size:13px;
  line-height:1.25;
  letter-spacing:-.01em;
}

.website-v2 .ca-v2-trade-compact-copy small{
  color:#7895a4;
  font-size:10px;
  line-height:1.45;
}

.website-v2 .ca-v2-trade-compact-meta{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
  color:#52778a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

.website-v2 .ca-v2-trade-compact-meta b{
  color:rgb(var(--trade-card-accent-rgb));
  font-size:15px;
  font-weight:500;
  transition:transform .22s ease;
}

.website-v2 .ca-v2-trades-compact-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:12px;
  padding:18px 20px;
  border:1px dashed rgba(106,179,213,.2);
  border-radius:16px;
  background:rgba(8,31,43,.42);
}

.website-v2 .ca-v2-trades-compact-cta .ca-v2-trade-label{
  margin-bottom:4px;
}

.website-v2 .ca-v2-trades-compact-cta strong{
  color:#e8f3f8;
  font-size:13px;
}

.website-v2 .ca-v2-trades-compact-cta > a{
  display:inline-flex;
  align-items:center;
  gap:18px;
  min-height:42px;
  padding:0 15px;
  color:#bdd8e4;
  border:1px solid rgba(102,177,212,.18);
  border-radius:11px;
  background:rgba(255,255,255,.03);
  font-size:11px;
  font-weight:850;
  text-decoration:none;
}

.website-v2 .ca-v2-trade-compact:focus-visible,
.website-v2 .ca-v2-trades-compact-cta > a:focus-visible{
  outline:3px solid #66c9f3;
  outline-offset:3px;
}

@media(hover:hover){
  .website-v2 .ca-v2-trade-compact:hover{
    transform:translateY(-3px);
    border-color:rgba(var(--trade-card-accent-rgb),.38);
    background:linear-gradient(145deg,rgba(18,54,72,.96),rgba(9,36,50,.99));
    box-shadow:0 16px 34px rgba(0,0,0,.12);
  }

  .website-v2 .ca-v2-trade-compact:hover .ca-v2-trade-compact-meta b{
    transform:translateX(3px);
  }

  .website-v2 .ca-v2-trades-compact-cta > a:hover{
    color:#fff;
    border-color:rgba(73,182,232,.38);
    background:rgba(21,133,186,.11);
  }
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trade-compact{
  color:#17394d;
  border-color:#d5e5eb;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,247,250,.96));
  box-shadow:0 10px 28px rgba(27,70,94,.045),inset 0 1px 0 #fff;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trade-compact-copy strong{
  color:#17394d;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trade-compact-copy small{
  color:#617b89;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trade-compact-meta{
  color:#8ca2ad;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trades-compact-cta{
  border-color:#c9dfe9;
  background:rgba(255,255,255,.55);
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trades-compact-cta strong{
  color:#17394d;
}

html[data-site-theme="classic"] .website-v2 .ca-v2-trades-compact-cta > a{
  color:#315d73;
  border-color:#d0e1e8;
  background:#fff;
}

@media(max-width:1180px){
  .website-v2 .ca-v2-trade-directory{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:800px){
  .website-v2 .ca-v2-trades-directory-head{
    gap:22px;
  }

  .website-v2 .ca-v2-trade-directory{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .website-v2 .ca-v2-trades{
    padding:72px 0;
  }

  .website-v2 .ca-v2-trades-directory-head .ca-v2-trades-heading h2{
    font-size:clamp(39px,12vw,51px);
  }

  .website-v2 .ca-v2-trade-directory{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-trade-compact{
    min-height:94px;
    padding:14px;
  }

  .website-v2 .ca-v2-trades-compact-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .website-v2 .ca-v2-trades-compact-cta > a{
    justify-content:space-between;
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .website-v2 .ca-v2-trade-compact,
  .website-v2 .ca-v2-trade-compact-meta b{
    transition:none;
  }
}

/* END V20.56.1 COMPACT TRADE DIRECTORY */

/* ==========================================================
   CRAFTAGENT V20.56.2
   MOBILE TRADE DIRECTORY POLISH
   ========================================================== */

@media(max-width:560px){
  .website-v2 .ca-v2-trades{
    padding:56px 0;
  }

  .website-v2 .ca-v2-trades-directory-head{
    gap:18px;
    margin-bottom:25px;
  }

  .website-v2 .ca-v2-trades-directory-head .ca-v2-trades-heading h2{
    font-size:clamp(37px,11.3vw,45px);
  }

  .website-v2 .ca-v2-trades-directory-head .ca-v2-trades-intro > p{
    margin-bottom:15px;
    font-size:14px;
  }

  .website-v2 .ca-v2-trades-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 12px;
    color:#5b7888 !important;
    font-size:9px;
    line-height:1.35;
  }

  .website-v2 .ca-v2-trades-meta span:first-child{
    color:#456979;
  }

  .website-v2 .ca-v2-trade-directory{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .website-v2 .ca-v2-trade-compact{
    grid-template-columns:34px minmax(0,1fr);
    gap:9px;
    min-height:82px;
    padding:11px 10px;
    border-radius:14px;
  }

  .website-v2 .ca-v2-trade-compact-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:15px;
  }

  .website-v2 .ca-v2-trade-compact-copy{
    padding-right:12px;
  }

  .website-v2 .ca-v2-trade-compact-copy strong{
    margin:0;
    font-size:11.5px;
    line-height:1.24;
  }

  .website-v2 .ca-v2-trade-compact-copy small{
    display:none;
  }

  .website-v2 .ca-v2-trade-compact-meta{
    position:absolute;
    top:7px;
    right:7px;
    bottom:7px;
    font-size:7px;
  }

  .website-v2 .ca-v2-trade-compact-meta b{
    font-size:12px;
  }

  .website-v2 .ca-v2-trades-compact-cta{
    gap:11px;
    margin-top:9px;
    padding:14px;
    border-radius:14px;
  }

  .website-v2 .ca-v2-trades-compact-cta strong{
    font-size:12px;
    line-height:1.4;
  }

  .website-v2 .ca-v2-trades-compact-cta > a{
    min-height:40px;
    padding:0 13px;
  }

  .website-v2 main > #prozess.ca-v2-delivery{
    padding-top:46px !important;
  }

  .website-v2 .ca-lean-delivery-bridge{
    gap:16px;
    margin-bottom:20px;
  }

  .website-v2 .ca-lean-delivery-bridge h2{
    font-size:clamp(27px,7.9vw,32px);
    line-height:1.08;
    text-wrap:balance;
  }

  html[data-site-theme="classic"] .website-v2 .ca-lean-delivery-bridge p{
    color:#526f7e;
  }
}

@media(max-width:340px){
  .website-v2 .ca-v2-trade-directory{
    grid-template-columns:1fr;
  }

  .website-v2 .ca-v2-trade-compact{
    min-height:70px;
  }
}

/* END V20.56.2 MOBILE TRADE DIRECTORY POLISH */


/* =========================================================
   CRAFTAGENT V20.57.4 – CLASSIC CONTRAST POLISH
   ========================================================= */

body.site-theme-classic .website-v2 .ca-lean-setup-intro h3,
html[data-site-theme="classic"] .website-v2 .ca-lean-setup-intro h3{
  color:#17394c !important;
}

body.site-theme-classic .website-v2 .ca-lean-setup-intro p,
html[data-site-theme="classic"] .website-v2 .ca-lean-setup-intro p{
  color:#526f7e !important;
}

body.site-theme-modern .website-v2 .ca-lean-setup-intro h3,
html[data-site-theme="modern"] .website-v2 .ca-lean-setup-intro h3{
  color:#ffffff !important;
}

body.site-theme-modern .website-v2 .ca-lean-setup-intro p,
html[data-site-theme="modern"] .website-v2 .ca-lean-setup-intro p{
  color:#a6bac7 !important;
}

/* END V20.57.4 CLASSIC CONTRAST POLISH */