@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* ==========================================
   WORDPRESS / TWENTY TWENTY-FIVE COMPATIBILITY
   Odstraní pouze layoutové mezery hostitelské WP šablony.
   ========================================== */

html,
body{
  margin:0 !important;
  padding:0 !important;
}

body{
  overflow-x:hidden;
}

body .wp-site-blocks,
body main,
body main.wp-block-group,
body .wp-block-post-content,
body .entry-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

body .wp-site-blocks > main{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

body .wp-block-post-content > .wp-block-html,
body .entry-content > .wp-block-html{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}

body .wp-block-post-content > *,
body .entry-content > *{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

/* DAISY je jediný vizuální kořen stránky */
.daisy-site{
  position:relative;
  display:block;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}


/* ==========================================
   DAISY LANDING PAGE
   ========================================== */

.daisy-site{
  --d-midnight:#111119;
  --d-white:#ffffff;
  --d-iris:#7265EF;
  --d-blue:#6892E8;
  --d-cyan:#58D7DD;
  --d-text:#15151F;
  --d-muted:#707080;
  --d-soft:#F5F6FA;
  --d-line:rgba(17,17,25,.10);
  --d-gradient:linear-gradient(90deg,#7265EF 0%,#6892E8 52%,#58D7DD 100%);

  width:100%;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;

  background:#fff;
  color:var(--d-text);
  font-family:"Inter",sans-serif;
  overflow:hidden;
}

.daisy-site *,
.daisy-site *::before,
.daisy-site *::after{
  box-sizing:border-box;
}

.daisy-site:first-child{
  margin-top:0 !important;
}

.daisy-site h1,
.daisy-site h2,
.daisy-site h3,
.daisy-site h4,
.daisy-site p{
  margin:0;
}

.daisy-site h1,
.daisy-site h2,
.daisy-site h3,
.daisy-site h4{
  font-family:"Inter",sans-serif;
  letter-spacing:-.025em;
}

.daisy-site p{
  line-height:1.65;
}

.daisy-site a{
  color:inherit;
  text-decoration:none;
}

.daisy-container{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
}

.daisy-section{
  position:relative;
  padding:115px 0;
}

.daisy-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:19px;

  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--d-iris);
}

.daisy-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--d-gradient);
  box-shadow:0 0 18px rgba(88,215,221,.7);
}

.daisy-title{
  max-width:900px;
  font-size:clamp(40px,5.2vw,68px);
  line-height:1;
}

.daisy-lead{
  max-width:720px;
  margin-top:22px !important;
  color:var(--d-muted);
  font-size:18px;
}

.daisy-gradient-text{
  background:var(--d-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}


/* ==========================================
   BUTTONS
   ========================================== */

.daisy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:52px;
  padding:0 23px;

  border-radius:14px;

  font-family:"Inter",sans-serif;
  font-size:14px;
  font-weight:600;

  transition:.25s ease;
}

.daisy-btn-primary{
  color:#fff !important;
  background:var(--d-gradient);
  box-shadow:0 14px 40px rgba(114,101,239,.28);
}

.daisy-btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 50px rgba(114,101,239,.4);
}

.daisy-btn-secondary{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  color:#fff !important;
  backdrop-filter:blur(12px);
}



/* ==========================================
   GLOBAL HEADING TYPOGRAPHY
   Inter is used throughout for a clean, Apple-like UI feel.
   ========================================== */

.daisy-site h1,
.daisy-site h2,
.daisy-site h3,
.daisy-site h4,
.daisy-site h5,
.daisy-site h6,
.daisy-title,
.daisy-price h3,
.daisy-contact h2{
  font-family:"Inter",sans-serif !important;
  font-weight:600 !important;
}

/* ==========================================
   NAVIGATION
   ========================================== */

.daisy-nav-wrap{
  position:absolute;
  top:52px;
  left:0;
  right:0;
  z-index:100;
  padding:0 24px;
}

.daisy-nav{
  width:min(1240px,100%);
  min-height:72px;
  margin:0 auto;
  padding:0 14px 0 28px;

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

  color:#fff;

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

  background:rgba(17,17,25,.74);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

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

.daisy-logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  padding:0;
  line-height:0;
  color:#fff !important;
}

.daisy-logo-img{
  display:block;
  width:124px;
  height:auto;
  max-width:100%;
}

.daisy-nav-links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:26px;
  margin-left:44px;

  font-size:13.5px;
  color:rgba(255,255,255,.68);
}

.daisy-nav-links > a:not(.daisy-btn){
  position:relative;
  left:-10px;
  display:flex;
  align-items:center;
  min-height:72px;
  white-space:nowrap;

  color:rgba(255,255,255,.68) !important;

  transition:
    color .28s ease,
    opacity .28s ease;
}

.daisy-nav-links > a:not(.daisy-btn)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:17px;

  height:2px;
  border-radius:999px;

  background:var(--d-gradient);

  transform:scaleX(0);
  transform-origin:center;
  opacity:0;

  transition:
    transform .32s cubic-bezier(.22,1,.36,1),
    opacity .22s ease;
}

.daisy-nav-links > a:not(.daisy-btn):hover{
  color:#fff !important;
}

.daisy-nav-links > a:not(.daisy-btn):hover::after{
  transform:scaleX(1);
  opacity:1;
}

.daisy-nav .daisy-btn{
  flex:0 0 auto;
  min-height:44px;
  margin-left:34px;
  padding:0 19px;

  border-radius:12px;

  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.daisy-menu{
  display:none;
  width:44px;
  height:44px;

  border:0;
  border-radius:12px;

  color:#fff;
  background:rgba(255,255,255,.08);
  cursor:pointer;
}

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

.daisy-hero{
  position:relative;
  min-height:820px;

  display:flex;
  align-items:center;

  padding:148px 0 90px;

  color:#fff;

  background:
    radial-gradient(circle at 76% 35%,rgba(114,101,239,.20),transparent 30%),
    radial-gradient(circle at 68% 78%,rgba(88,215,221,.14),transparent 27%),
    #111119;

  overflow:hidden;
}

.daisy-hero::before{
  content:"";
  position:absolute;

  width:700px;
  height:700px;

  left:-320px;
  bottom:-500px;

  border:76px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box;

  opacity:.55;
}

.daisy-hero::after{
  content:"";
  position:absolute;

  width:500px;
  height:500px;

  right:-300px;
  top:-180px;

  border:65px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box;

  opacity:.22;
}

.daisy-hero-grid{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  align-items:center;
  gap:64px;
}

.daisy-hero h1{
  max-width:760px;

  font-size:clamp(36px,3.55vw,52px);
  line-height:1.07;
  letter-spacing:-.04em;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

.daisy-headline-line{
  display:block;
}

.daisy-headline-line + .daisy-headline-line{
  margin-top:.06em;
}

.daisy-headline-line.daisy-gradient-text{
  margin-top:.10em;
}

.daisy-hero-copy{
  max-width:720px;
  margin-top:11px !important;

  color:rgba(255,255,255,.64);
  font-size:14.5px;
  line-height:1.52;
}

.daisy-hero-copy:first-of-type{
  margin-top:22px !important;
}

.daisy-hero-copy strong{
  color:#fff;
  font-weight:700;
}

.daisy-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;

  margin-top:26px;
}

.daisy-mini-points{
  display:flex;
  flex-wrap:wrap;
  gap:18px 25px;

  margin-top:28px;

  color:rgba(255,255,255,.48);
  font-size:12px;
}

.daisy-mini-points span::before{
  content:"✓";
  color:var(--d-cyan);
  margin-right:8px;
}


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

.daisy-ai{
  position:relative;
  width:min(100%,520px);
  justify-self:end;

  padding:16px;

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

  background:linear-gradient(
    180deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.03)
  );

  backdrop-filter:blur(20px);
  box-shadow:0 45px 130px rgba(0,0,0,.38);
}

.daisy-ai::before{
  content:"";
  position:absolute;
  z-index:-1;

  inset:20% 3% -10% 15%;

  background:radial-gradient(
    circle,
    rgba(88,215,221,.25),
    transparent 60%
  );

  filter:blur(30px);
}

.daisy-ai-head{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:7px 5px 16px;

  color:rgba(255,255,255,.55);
  font-size:12px;
}

.daisy-ai-logo{
  color:#fff;
  letter-spacing:.24em;
  font-weight:600;
}

.daisy-online{
  display:flex;
  align-items:center;
  gap:7px;
}

.daisy-online::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6BE49A;
  box-shadow:0 0 14px rgba(107,228,154,.8);
}

.daisy-chat{
  padding:14px;

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

  background:#161620;
}

.daisy-query{
  margin-bottom:12px;
  padding:15px;

  border-radius:13px;

  color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.035);

  font-size:13px;
}

.daisy-query span{
  display:block;
  margin-bottom:5px;

  color:rgba(255,255,255,.35);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.daisy-source{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  margin-top:8px;
  padding:12px;

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

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

.daisy-source-left{
  display:flex;
  align-items:center;
  gap:11px;
}

.daisy-source-icon{
  width:34px;
  height:34px;

  display:grid;
  place-items:center;

  flex:0 0 34px;

  border-radius:9px;

  background:linear-gradient(
    145deg,
    rgba(114,101,239,.35),
    rgba(88,215,221,.16)
  );

  color:#fff;
  font-size:10px;
  font-weight:700;
}

.daisy-source strong{
  display:block;
  color:#fff;
  font-size:12px;
}

.daisy-source small{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.37);
  font-size:10px;
}

.daisy-check{
  color:#6BE49A;
}

.daisy-answer{
  margin-top:12px;
  padding:15px;

  border:1px solid rgba(114,101,239,.18);
  border-radius:14px;

  background:linear-gradient(
    135deg,
    rgba(114,101,239,.14),
    rgba(88,215,221,.06)
  );

  color:rgba(255,255,255,.66);
  font-size:12px;
  line-height:1.55;
}

.daisy-answer strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
}



/* ==========================================
   HERO LAPTOP VISUAL + FLOATING BENEFIT
   ========================================== */

.daisy-hero-visual{
  position:relative;

  width:min(100%,600px);
  justify-self:end;

  padding:34px 18px 22px;
}

.daisy-hero-visual::before{
  content:"";
  position:absolute;

  width:440px;
  height:440px;

  left:50%;
  top:50%;

  transform:translate(-48%,-47%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.23) 0%,
      rgba(88,215,221,.09) 38%,
      transparent 70%
    );

  filter:blur(22px);
  pointer-events:none;
}

.daisy-laptop{
  position:relative;
  z-index:2;

  width:100%;

  transform:
    perspective(1200px)
    rotateY(-2deg)
    rotateX(1deg);

  transform-origin:center center;

  transition:
    transform .7s cubic-bezier(.22,1,.36,1),
    filter .45s ease;
}

.daisy-hero-visual:hover .daisy-laptop{
  transform:
    perspective(1200px)
    rotateY(0deg)
    rotateX(0deg)
    translateY(-4px);

  filter:drop-shadow(0 26px 44px rgba(0,0,0,.14));
}

.daisy-laptop-screen{
  position:relative;

  width:88%;
  margin:0 auto;

  padding:13px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.14);
  border-radius:24px 24px 17px 17px;

  background:
    linear-gradient(145deg,#2b2c38,#0c0d14 42%,#141620);

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

.daisy-laptop-screen::before{
  content:"";
  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      130deg,
      rgba(255,255,255,.055),
      transparent 20%,
      transparent 72%,
      rgba(88,215,221,.025)
    );
}

.daisy-laptop-camera{
  position:absolute;

  z-index:4;

  left:50%;
  top:5px;

  width:5px;
  height:5px;

  transform:translateX(-50%);

  border-radius:50%;

  background:#090a0f;

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

.daisy-laptop-ui{
  position:relative;
  z-index:2;

  padding:12px;

  overflow:hidden;

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

  background:
    linear-gradient(
      180deg,
      #171722,
      #12131c
    );
}

.daisy-laptop-ui .daisy-ai-head{
  padding:2px 1px 11px;
}

.daisy-laptop-ui .daisy-chat{
  padding:11px;
  border-radius:12px;
}

.daisy-laptop-ui .daisy-query{
  margin-bottom:8px;
  padding:11px;

  font-size:10.5px;
}

.daisy-laptop-ui .daisy-query span{
  font-size:8px;
}

.daisy-laptop-ui .daisy-source{
  margin-top:6px;
  padding:8px;
  border-radius:10px;
}

.daisy-laptop-ui .daisy-source-icon{
  width:27px;
  height:27px;
  flex-basis:27px;

  border-radius:7px;

  font-size:8px;
}

.daisy-laptop-ui .daisy-source strong{
  font-size:10px;
}

.daisy-laptop-ui .daisy-source small{
  font-size:8px;
}

.daisy-laptop-ui .daisy-answer{
  margin-top:8px;
  padding:10px;

  border-radius:10px;

  font-size:9px;
}

.daisy-laptop-base{
  position:relative;

  z-index:1;

  width:100%;
  height:22px;

  margin:-1px auto 0;

  border-radius:3px 3px 30px 30px;

  background:
    linear-gradient(
      180deg,
      #d9dce4 0%,
      #aeb2bc 46%,
      #737782 100%
    );

  box-shadow:
    0 18px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.75);
}

.daisy-laptop-base::after{
  content:"";
  position:absolute;

  left:5%;
  right:5%;
  bottom:-4px;

  height:6px;

  border-radius:0 0 50% 50%;

  background:#454852;

  opacity:.72;
}

.daisy-laptop-notch{
  position:absolute;

  left:50%;
  top:0;

  width:72px;
  height:6px;

  transform:translateX(-50%);

  border-radius:0 0 9px 9px;

  background:#9397a1;
}


/* Floating product benefit */
.daisy-memory-card{
  position:absolute;
  z-index:5;

  left:-12px;
  bottom:1px;

  width:min(280px,52%);

  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:start;

  padding:15px 16px;

  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;

  background:
    linear-gradient(
      135deg,
      rgba(31,31,44,.88),
      rgba(18,19,29,.80)
    );

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

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

  animation:
    daisyMemoryIn .8s .34s cubic-bezier(.22,1,.36,1) both;

  transition:
    transform .4s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    box-shadow .4s ease;
}

.daisy-memory-card:hover{
  transform:translateY(-4px);

  border-color:rgba(114,101,239,.30);

  box-shadow:
    0 28px 64px rgba(0,0,0,.34),
    0 0 24px rgba(114,101,239,.07);
}

.daisy-memory-icon{
  width:38px;
  height:38px;

  display:grid;
  place-items:center;

  border-radius:11px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.95),
      rgba(88,215,221,.82)
    );

  box-shadow:
    0 10px 26px rgba(114,101,239,.19);
}

.daisy-memory-icon svg{
  width:19px;
  height:19px;

  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.daisy-memory-card span{
  display:block;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:13px;
  line-height:1.2;
  font-weight:600;
}

.daisy-memory-card p{
  margin-top:5px;

  color:rgba(255,255,255,.50);

  font-size:10.5px;
  line-height:1.45;
}

@keyframes daisyMemoryIn{
  from{
    opacity:0;
    transform:translate3d(0,18px,0) scale(.96);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
}


/* Hero copy can breathe more after moving support copy to visual */
.daisy-hero-lead{
  max-width:650px;
}

.daisy-hero .daisy-actions{
  margin-top:30px;
}


@media(max-width:1050px){

  .daisy-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);
    gap:42px;
  }

  .daisy-hero-visual{
    padding-left:8px;
    padding-right:8px;
  }

  .daisy-memory-card{
    left:-18px;
    width:min(250px,58%);
  }
}


@media(max-width:860px){

  .daisy-hero-grid{
    grid-template-columns:1fr;
    gap:44px;
  }

  .daisy-hero-visual{
    width:min(100%,640px);
    justify-self:center;

    margin-top:8px;
  }

  .daisy-memory-card{
    left:2%;
    bottom:-4px;

    width:min(280px,54%);
  }
}


@media(max-width:600px){

  .daisy-hero-visual{
    padding:18px 0 42px;
  }

  .daisy-laptop{
    transform:none;
  }

  .daisy-laptop-screen{
    width:94%;
    padding:9px;

    border-radius:18px 18px 13px 13px;
  }

  .daisy-laptop-base{
    height:17px;
  }

  .daisy-memory-card{
    position:relative;

    left:auto;
    bottom:auto;

    width:calc(100% - 24px);

    margin:-2px auto 0;

    grid-template-columns:34px 1fr;

    padding:13px 14px;
  }

  .daisy-memory-icon{
    width:34px;
    height:34px;
  }

  .daisy-memory-card span{
    font-size:12.5px;
  }

  .daisy-memory-card p{
    font-size:10.5px;
  }
}


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

  .daisy-memory-card{
    animation:none;
  }

  .daisy-laptop,
  .daisy-memory-card{
    transition:none;
  }
}



/* ==========================================
   METRICS — PREMIUM PROOF CARDS
   ========================================== */

.daisy-metrics{
  position:relative;
  z-index:4;

  margin-top:-72px;
  padding:0 0 14px;
}

.daisy-metrics-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;

  overflow:visible;

  border:0;
  border-radius:0;

  background:transparent;
  box-shadow:none;
}

.daisy-metric{
  position:relative;
  min-height:210px;
  padding:26px 26px 24px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  overflow:hidden;
  isolation:isolate;

  border:1px solid rgba(17,17,25,.085);
  border-radius:24px;

  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94));

  box-shadow:
    0 22px 60px rgba(17,17,25,.07),
    inset 0 1px 0 rgba(255,255,255,.9);

  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    border-color .4s ease,
    box-shadow .45s ease;
}

/* subtle gradient rail */
.daisy-metric::before{
  content:"";
  position:absolute;
  left:26px;
  right:26px;
  top:0;

  height:3px;
  border-radius:0 0 999px 999px;

  background:var(--d-gradient);
  opacity:.9;
}

/* ambient corner glow */
.daisy-metric::after{
  content:"";
  position:absolute;
  z-index:-1;

  width:180px;
  height:180px;
  right:-95px;
  top:-100px;

  border-radius:50%;

  background:
    radial-gradient(circle,rgba(114,101,239,.15) 0%,rgba(88,215,221,.07) 42%,transparent 70%);

  opacity:.48;
  transform:scale(.9);

  transition:
    opacity .4s ease,
    transform .55s cubic-bezier(.22,1,.36,1);
}

.daisy-metric-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.daisy-metric-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;

  color:rgba(17,17,25,.35);

  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.daisy-metric-kicker::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--d-gradient);
  box-shadow:0 0 14px rgba(114,101,239,.18);
}

.daisy-metric-index{
  color:rgba(17,17,25,.20);
  font-family:"Inter",sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

.daisy-metric strong{
  display:block;
  margin-top:26px;

  font-family:"Inter",sans-serif;
  font-size:clamp(40px,3.4vw,58px);
  line-height:.96;
  font-weight:600;
  letter-spacing:-.055em;

  background:var(--d-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.daisy-metric span{
  display:block;
  max-width:220px;
  margin-top:28px;

  color:var(--d-muted);
  font-size:14px;
  line-height:1.5;
}

@media(hover:hover){
  .daisy-metric:hover{
    transform:translateY(-8px);

    border-color:rgba(114,101,239,.24);

    box-shadow:
      0 30px 78px rgba(17,17,25,.11),
      0 10px 26px rgba(114,101,239,.055),
      inset 0 1px 0 rgba(255,255,255,.95);
  }

  .daisy-metric:hover::after{
    opacity:.85;
    transform:scale(1.08);
  }
}

@media(max-width:1050px){
  .daisy-metrics{
    margin-top:-48px;
  }

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

@media(max-width:700px){
  .daisy-metrics{
    margin-top:-28px;
  }

  .daisy-metrics-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .daisy-metric{
    min-height:0;
    padding:22px;
  }

  .daisy-metric::before{
    left:22px;
    right:22px;
  }

  .daisy-metric strong{
    margin-top:20px;
    font-size:44px;
  }

  .daisy-metric span{
    margin-top:18px;
    font-size:13.5px;
  }
}


/* ==========================================
   PROBLEMS
   ========================================== */

.daisy-problems-section{
  background:
    radial-gradient(circle at 10% 18%, rgba(114,101,239,.055), transparent 25%),
    radial-gradient(circle at 88% 80%, rgba(88,215,221,.045), transparent 25%),
    #fff;
}

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

  margin-top:55px;
}

.daisy-card{
  position:relative;
  min-height:300px;
  padding:30px;

  overflow:hidden;
  isolation:isolate;

  border:1px solid rgba(17,17,25,.10);
  border-radius:26px;

  background:#fff;

  box-shadow:
    0 12px 36px rgba(17,17,25,0),
    inset 0 1px 0 rgba(255,255,255,.8);

  transform:translateZ(0);

  transition:
    transform .46s cubic-bezier(.22,1,.36,1),
    box-shadow .46s ease,
    border-color .46s ease;
}

/* Decorative DAISY ring – retained from the original design */
.daisy-card::before{
  content:"";
  position:absolute;

  width:132px;
  height:132px;

  top:-66px;
  right:-58px;

  border:20px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,#7265EF 0%,#8A82F4 45%,#58D7DD 100%) border-box;

  opacity:.70;

  transform:rotate(-18deg) scale(1);
  transform-origin:center;

  transition:
    opacity .46s ease,
    transform .58s cubic-bezier(.22,1,.36,1),
    filter .46s ease;
}

/* Futuristic glow layer */
.daisy-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;

  border-radius:inherit;

  background:
    radial-gradient(circle at 82% 15%,rgba(114,101,239,.18),transparent 28%),
    radial-gradient(circle at 8% 95%,rgba(88,215,221,.10),transparent 28%),
    linear-gradient(135deg,rgba(114,101,239,.04),transparent 45%);

  opacity:0;

  transition:opacity .42s ease;
}

.daisy-card:hover{
  transform:translateY(-10px) scale(1.008);

  border-color:rgba(114,101,239,.30);

  box-shadow:
    0 30px 76px rgba(17,17,25,.12),
    0 10px 30px rgba(114,101,239,.07),
    0 0 0 1px rgba(114,101,239,.035);
}

.daisy-card:hover::before{
  opacity:.96;
  transform:rotate(8deg) scale(1.08);
  filter:drop-shadow(0 10px 22px rgba(114,101,239,.16));
}

.daisy-card:hover::after{
  opacity:1;
}

/* Large standalone purple icon */
.daisy-card-icon{
  position:relative;
  z-index:2;

  width:54px;
  height:54px;

  display:flex;
  align-items:center;
  justify-content:flex-start;

  color:var(--d-iris);

  transition:
    transform .48s cubic-bezier(.22,1,.36,1),
    filter .42s ease;
}

.daisy-card-icon svg{
  width:40px;
  height:40px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;

  overflow:visible;

  transition:
    transform .48s cubic-bezier(.22,1,.36,1),
    stroke .32s ease;
}

.daisy-card:hover .daisy-card-icon{
  transform:translateY(-3px);
  filter:
    drop-shadow(0 8px 18px rgba(114,101,239,.20))
    drop-shadow(0 0 12px rgba(88,215,221,.08));
}

.daisy-card:hover .daisy-card-icon svg{
  transform:scale(1.09) rotate(-1deg);
  stroke:var(--d-blue);
}

.daisy-card h3{
  margin-top:43px;
  font-size:24px;
  line-height:1.14;
}

.daisy-card p{
  margin-top:12px;
  color:var(--d-muted);
  font-size:14px;
}

/* Stronger but still premium scroll entrance */
.daisy-reveal{
  opacity:1;
  transform:none;
  filter:none;

  transition:
    opacity .82s cubic-bezier(.22,1,.36,1),
    transform .92s cubic-bezier(.22,1,.36,1),
    filter .75s ease,
    box-shadow .46s ease,
    border-color .46s ease;
}

/* JS only enables hidden start state after observers are ready */
.daisy-motion-enabled .daisy-reveal:not(.is-visible){
  opacity:0;
  transform:translate3d(0,52px,0) scale(.965);
  filter:blur(4px);
}

.daisy-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

/* Stagger – visible enough to create a “wow”, still quick */
.daisy-card:nth-child(1){transition-delay:0ms;}
.daisy-card:nth-child(2){transition-delay:95ms;}
.daisy-card:nth-child(3){transition-delay:190ms;}
.daisy-card:nth-child(4){transition-delay:80ms;}
.daisy-card:nth-child(5){transition-delay:175ms;}
.daisy-card:nth-child(6){transition-delay:270ms;}

@media(max-width:1120px){
  .daisy-card{
    min-height:278px;
    padding:27px;
  }

  .daisy-card::before{
    width:118px;
    height:118px;
    top:-60px;
    right:-52px;
    border-width:18px;
  }

  .daisy-card-icon{
    width:50px;
    height:50px;
  }

  .daisy-card-icon svg{
    width:37px;
    height:37px;
  }

  .daisy-card h3{
    margin-top:36px;
    font-size:22px;
  }
}

@media(max-width:900px){
  .daisy-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .daisy-card{
    min-height:270px;
  }

  .daisy-card:nth-child(1){transition-delay:0ms;}
  .daisy-card:nth-child(2){transition-delay:100ms;}
  .daisy-card:nth-child(3){transition-delay:0ms;}
  .daisy-card:nth-child(4){transition-delay:100ms;}
  .daisy-card:nth-child(5){transition-delay:0ms;}
  .daisy-card:nth-child(6){transition-delay:100ms;}
}

@media(max-width:700px){
  .daisy-cards{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:38px;
  }

  .daisy-card{
    min-height:auto;
    padding:24px;
    border-radius:22px;
  }

  .daisy-card::before{
    width:104px;
    height:104px;
    top:-54px;
    right:-46px;
    border-width:16px;
  }

  .daisy-card-icon{
    width:48px;
    height:48px;
  }

  .daisy-card-icon svg{
    width:35px;
    height:35px;
  }

  .daisy-card h3{
    margin-top:28px;
    font-size:21px;
  }

  .daisy-card p{
    font-size:13.5px;
  }

  .daisy-card:nth-child(n){
    transition-delay:0ms;
  }

  .daisy-reveal{
    transform:translate3d(0,36px,0) scale(.98);
    filter:blur(2px);
  }

  .daisy-card:hover{
    transform:translateY(-5px);
  }
}

@media (hover:none){
  .daisy-card:hover{
    transform:none;
    border-color:rgba(17,17,25,.10);
    box-shadow:none;
  }

  .daisy-card:hover::before{
    opacity:.70;
    transform:rotate(-18deg) scale(1);
    filter:none;
  }

  .daisy-card:hover::after{
    opacity:0;
  }

  .daisy-card:hover .daisy-card-icon{
    transform:none;
    filter:none;
  }

  .daisy-card:hover .daisy-card-icon svg{
    transform:none;
    stroke:currentColor;
  }
}

@media (prefers-reduced-motion: reduce){
  .daisy-reveal{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  .daisy-card,
  .daisy-card::before,
  .daisy-card::after,
  .daisy-card-icon,
  .daisy-card-icon svg{
    transition:none;
  }
}


/* ==========================================
   DARK SECTION / INTEGRATIONS
   ========================================== */

.daisy-dark{
  color:#fff;
  background:#111119;
}

.daisy-dark .daisy-lead{
  color:rgba(255,255,255,.54);
}

.daisy-integrations{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;

  margin-top:52px;
}

.daisy-integration{
  display:flex;
  gap:17px;

  padding:26px;

  border:1px solid rgba(255,255,255,.08);
  border-radius:21px;

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

.daisy-integration-icon{
  width:46px;
  height:46px;

  flex:0 0 46px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:linear-gradient(
    135deg,
    rgba(114,101,239,.30),
    rgba(88,215,221,.16)
  );

  font-size:11px;
  font-weight:700;
}

.daisy-integration h3{
  font-size:19px;
}

.daisy-integration p{
  margin-top:7px;
  color:rgba(255,255,255,.48);
  font-size:13px;
}


/* ==========================================
   USE CASES
   ========================================== */

.daisy-situations{
  margin-top:50px;
}

.daisy-situation{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:28px;

  padding:32px 0;

  border-top:1px solid var(--d-line);
}

.daisy-situation-number{
  font-family:"Inter",sans-serif;
  color:var(--d-iris);
  font-size:42px;
}

.daisy-situation h3{
  font-size:27px;
}

.daisy-situation p{
  max-width:870px;
  margin-top:12px;
  color:var(--d-muted);
  font-size:15px;
}


/* ==========================================
   SECURITY
   ========================================== */

.daisy-soft{
  background:var(--d-soft);
}

.daisy-security{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:65px;
  align-items:start;
}

.daisy-security-intro{
  position:sticky;
  top:40px;

  padding:34px;

  overflow:hidden;

  border-radius:30px;

  color:#fff;

  background:
    radial-gradient(circle at 80% 100%,rgba(88,215,221,.16),transparent 35%),
    #111119;
}

.daisy-security-intro::after{
  content:"";

  position:absolute;

  width:250px;
  height:250px;

  right:-150px;
  bottom:-150px;

  border:45px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box;

  opacity:.55;
}

.daisy-security-intro h2{
  position:relative;
  z-index:2;

  font-size:40px;
  line-height:1.04;
}

.daisy-security-intro p{
  position:relative;
  z-index:2;

  margin-top:17px;

  color:rgba(255,255,255,.53);
  font-size:14px;
}

.daisy-security-list{
  display:grid;
  gap:15px;
}

.daisy-security-item{
  padding:24px;

  border:1px solid var(--d-line);
  border-radius:20px;

  background:#fff;
}

.daisy-security-item h3{
  font-size:19px;
}

.daisy-security-item p{
  margin-top:8px;
  color:var(--d-muted);
  font-size:14px;
}


/* ==========================================
   PRICING
   ========================================== */

.daisy-price{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
  gap:52px;
  align-items:center;

  margin-top:48px;
  padding:48px;

  overflow:hidden;

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

  color:#fff;

  background:
    radial-gradient(circle at 88% 18%,rgba(88,215,221,.14),transparent 28%),
    radial-gradient(circle at 74% 92%,rgba(114,101,239,.12),transparent 30%),
    #111119;

  box-shadow:0 28px 85px rgba(17,17,25,.10);
}

.daisy-price::after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-185px;
  top:-190px;

  border:48px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box;

  opacity:.13;
  pointer-events:none;
}

.daisy-price-copy{
  position:relative;
  z-index:2;
}

.daisy-price h3{
  max-width:650px;
  font-size:clamp(34px,4vw,52px);
  line-height:1.02;
}

.daisy-price p{
  max-width:640px;
  margin-top:16px;
  color:rgba(255,255,255,.52);
}

.daisy-saving{
  position:relative;
  z-index:2;
  min-height:330px;

  display:flex;
  align-items:center;
  justify-content:center;
}

.daisy-saving-ring{
  position:relative;
  width:230px;
  height:230px;

  display:grid;
  place-items:center;

  border-radius:50%;
  filter:drop-shadow(0 20px 38px rgba(114,101,239,.10));
}

.daisy-saving-ring svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  transform:rotate(-90deg);
  overflow:visible;
}

.daisy-saving-track{
  fill:none;
  stroke:rgba(255,255,255,.075);
  stroke-width:12;
}

.daisy-saving-progress{
  fill:none;
  stroke:url(#daisySavingGradient);
  stroke-width:12;
  stroke-linecap:round;

  stroke-dasharray:565.49;
  /* Static fallback shows 50%; JS resets to 0 then animates to 50%. */
  stroke-dashoffset:282.745;

  transition:stroke-dashoffset 1.55s cubic-bezier(.22,1,.36,1);
}

.daisy-motion-enabled .daisy-saving-progress{
  stroke-dashoffset:565.49;
}

.daisy-saving-ring.is-active .daisy-saving-progress{
  stroke-dashoffset:282.745;
}

.daisy-saving-center{
  position:relative;
  z-index:2;

  width:158px;
  height:158px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border-radius:50%;
  border:1px solid rgba(255,255,255,.07);

  background:
    radial-gradient(circle at 66% 22%,rgba(88,215,221,.06),transparent 45%),
    rgba(255,255,255,.025);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 42px rgba(114,101,239,.05);
}

.daisy-saving-prefix{
  margin-bottom:4px;

  color:rgba(255,255,255,.46);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.daisy-saving-number{
  display:flex;
  align-items:baseline;
  justify-content:center;
  line-height:1;
}

.daisy-saving-number strong{
  font-family:"Inter",sans-serif;
  font-size:60px;
  font-weight:500;
  letter-spacing:-.055em;

  background:var(--d-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.daisy-saving-number em{
  margin-left:3px;
  font-family:"Inter",sans-serif;
  font-size:28px;
  font-style:normal;
  font-weight:500;

  background:var(--d-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.daisy-saving-caption{
  position:absolute;
  left:50%;
  bottom:-48px;

  width:330px;

  transform:translateX(-50%);

  text-align:center;
  line-height:1.35;

  pointer-events:none;
}

.daisy-saving-caption strong{
  display:block;

  color:rgba(255,255,255,.78);
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
}

.daisy-saving-caption span{
  display:block;
  margin-top:4px;

  color:rgba(255,255,255,.46);
  font-size:12.5px;
  font-weight:400;
}

@media(max-width:900px){
  .daisy-price{
    grid-template-columns:1fr;
    gap:34px;
    padding:38px;
  }

  .daisy-saving{
    min-height:290px;
    justify-content:flex-start;
  }

  .daisy-saving-caption{
    left:115px;
    bottom:-46px;
    width:310px;
  }

  .daisy-saving-caption strong{
    font-size:13.5px;
  }

  .daisy-saving-caption span{
    font-size:12px;
  }
}

@media(max-width:700px){
  .daisy-price{
    gap:28px;
    padding:28px 22px 36px;
    border-radius:25px;
  }

  .daisy-saving{
    min-height:265px;
    justify-content:center;
  }

  .daisy-saving-ring{
    width:190px;
    height:190px;
  }

  .daisy-saving-center{
    width:130px;
    height:130px;
  }

  .daisy-saving-number strong{
    font-size:49px;
  }

  .daisy-saving-number em{
    font-size:23px;
  }

  .daisy-saving-caption{
    left:50%;
    bottom:-46px;
    width:260px;
  }

  .daisy-saving-caption strong{
    font-size:13px;
  }

  .daisy-saving-caption span{
    font-size:11.5px;
  }
}


/* ==========================================
   SAFE GLOBAL MOTION
   Default is fully visible in editor + frontend.
   JS enables hidden start states only when ready.
   ========================================== */

.daisy-scroll-item{
  opacity:1;
  transform:none;
}

.daisy-motion-enabled .daisy-scroll-item:not(.is-visible){
  opacity:0;
  transform:translate3d(0,24px,0);
}

.daisy-motion-enabled .daisy-scroll-item.daisy-scroll-scale:not(.is-visible){
  transform:translate3d(0,20px,0) scale(.985);
}

.daisy-scroll-item{
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .82s cubic-bezier(.22,1,.36,1);
}

.daisy-scroll-item[data-delay="1"]{transition-delay:70ms;}
.daisy-scroll-item[data-delay="2"]{transition-delay:140ms;}
.daisy-scroll-item[data-delay="3"]{transition-delay:210ms;}
.daisy-scroll-item[data-delay="4"]{transition-delay:280ms;}

@media (prefers-reduced-motion: reduce){
  .daisy-scroll-item,
  .daisy-motion-enabled .daisy-scroll-item:not(.is-visible),
  .daisy-motion-enabled .daisy-scroll-item.daisy-scroll-scale:not(.is-visible),
  .daisy-motion-enabled .daisy-reveal:not(.is-visible){
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  .daisy-saving-progress{
    transition:none;
  }
}


/* ==========================================
   HOW IT WORKS / DEPLOYMENT — CLEAN REVEAL
   ========================================== */

.daisy-how{
  position:relative;
  margin-top:58px;
}

.daisy-how-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.daisy-how-step{
  position:relative;

  min-height:320px;
  padding:30px 28px 30px;

  overflow:hidden;
  isolation:isolate;

  border:1px solid rgba(17,17,25,.10);
  border-radius:25px;

  background:#fff;

  box-shadow:
    0 18px 50px rgba(17,17,25,.035),
    inset 0 1px 0 rgba(255,255,255,.82);

  transform-origin:50% 100%;

  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .88s cubic-bezier(.22,1,.36,1),
    filter .72s ease,
    border-color .42s ease,
    box-shadow .46s ease;
}

/* Futuristic gradient sweep */
.daisy-how-step::before{
  content:"";
  position:absolute;
  z-index:0;

  top:0;
  bottom:0;
  left:-75%;

  width:52%;

  transform:skewX(-18deg);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(114,101,239,.08),
      rgba(88,215,221,.11),
      transparent
    );

  opacity:0;

  transition:
    left .85s cubic-bezier(.22,1,.36,1),
    opacity .35s ease;
}

/* Ambient hover glow */
.daisy-how-step::after{
  content:"";
  position:absolute;
  z-index:-1;

  width:220px;
  height:220px;

  right:-120px;
  bottom:-130px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.17) 0%,
      rgba(88,215,221,.07) 44%,
      transparent 70%
    );

  opacity:0;
  transform:scale(.72);

  transition:
    opacity .42s ease,
    transform .62s cubic-bezier(.22,1,.36,1);
}

.daisy-how-step > *{
  position:relative;
  z-index:2;
}

.daisy-how-step.is-visible::before{
  left:135%;
  opacity:1;
}

.daisy-how-step:hover{
  transform:translateY(-8px);

  border-color:rgba(114,101,239,.28);

  box-shadow:
    0 30px 76px rgba(17,17,25,.10),
    0 10px 30px rgba(114,101,239,.055),
    0 0 0 1px rgba(114,101,239,.025);
}

.daisy-how-step:hover::after{
  opacity:1;
  transform:scale(1);
}

.daisy-how-number{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;

  margin-bottom:54px;

  font-family:"Inter",sans-serif;

  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    filter .4s ease;
}

.daisy-how-number-label{
  color:rgba(17,17,25,.34);
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.daisy-how-number-value{
  font-size:42px;
  line-height:.9;
  font-weight:700;
  letter-spacing:-.055em;

  background:var(--d-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.daisy-how-number::after{
  content:"";

  width:32px;
  height:3px;

  margin-top:8px;

  border-radius:999px;
  background:var(--d-gradient);

  box-shadow:0 0 14px rgba(114,101,239,.16);

  transition:width .42s cubic-bezier(.22,1,.36,1);
}

.daisy-how-step:hover .daisy-how-number{
  transform:translateY(-2px);
  filter:drop-shadow(0 8px 16px rgba(114,101,239,.10));
}

.daisy-how-step:hover .daisy-how-number::after{
  width:52px;
}

.daisy-how-step h3{
  font-size:21px;
  line-height:1.16;
  font-weight:700 !important;
}

.daisy-how-step p{
  margin-top:14px;

  color:var(--d-muted);
  font-size:14px;
  line-height:1.62;
}

.daisy-how-step strong{
  color:var(--d-text);
  font-weight:700;
}

.daisy-how-cta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;

  margin-top:34px;
}

.daisy-how-cta .daisy-btn{
  min-width:300px;
}

.daisy-how-cta-note{
  margin-top:10px;

  color:rgba(17,17,25,.42);
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
}

/* Animation is safe: visible by default, JS enables hidden start state */
.daisy-how-step{
  opacity:1;
  transform:none;
  filter:none;
}

.daisy-motion-enabled .daisy-how-step:not(.is-visible){
  opacity:0;
  transform:translate3d(0,46px,0) scale(.955) rotateX(6deg);
  filter:blur(3px);
}

.daisy-how-step:nth-child(1){transition-delay:0ms;}
.daisy-how-step:nth-child(2){transition-delay:100ms;}
.daisy-how-step:nth-child(3){transition-delay:200ms;}
.daisy-how-step:nth-child(4){transition-delay:300ms;}

@media(max-width:1050px){

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

  .daisy-how-step{
    min-height:300px;
  }

  .daisy-how-step:nth-child(1){transition-delay:0ms;}
  .daisy-how-step:nth-child(2){transition-delay:90ms;}
  .daisy-how-step:nth-child(3){transition-delay:0ms;}
  .daisy-how-step:nth-child(4){transition-delay:90ms;}
}

@media(max-width:700px){

  .daisy-how{
    margin-top:42px;
  }

  .daisy-how-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .daisy-how-step{
    min-height:auto;
    padding:24px;

    border-radius:21px;
  }

  .daisy-how-number{
    margin-bottom:30px;
  }

  .daisy-how-number-value{
    font-size:36px;
  }

  .daisy-how-step h3{
    font-size:20px;
  }

  .daisy-how-step p{
    font-size:13.5px;
  }

  .daisy-how-step:nth-child(n){
    transition-delay:0ms;
  }

  .daisy-motion-enabled .daisy-how-step:not(.is-visible){
    transform:translate3d(0,28px,0) scale(.975);
    filter:blur(2px);
  }

  .daisy-how-cta{
    margin-top:28px;
    align-items:stretch;
  }

  .daisy-how-cta .daisy-btn{
    width:100%;
    min-width:0;
  }

  .daisy-how-cta-note{
    text-align:center;
  }
}

@media(hover:none){

  .daisy-how-step:hover{
    transform:none;
    border-color:rgba(17,17,25,.10);
    box-shadow:0 18px 50px rgba(17,17,25,.035);
  }

  .daisy-how-step:hover::after{
    opacity:0;
  }

  .daisy-how-step:hover .daisy-how-number{
    transform:none;
  }
}

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

  .daisy-motion-enabled .daisy-how-step:not(.is-visible),
  .daisy-how-step{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }

  .daisy-how-step::before{
    display:none;
  }
}



/* ==========================================
   CENTERED SECTION HEADS
   Used only where the composition benefits from symmetry.
   ========================================== */

.daisy-section-center-head > .daisy-container > .daisy-eyebrow{
  justify-content:center;
  text-align:center;
}

.daisy-section-center-head > .daisy-container > .daisy-title{
  max-width:1020px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-wrap:balance;
}

.daisy-section-center-head > .daisy-container > .daisy-lead{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-wrap:balance;
}

@media(max-width:700px){

  .daisy-section-center-head > .daisy-container > .daisy-title{
    max-width:100%;
    text-align:left;
    text-wrap:pretty;
  }

  .daisy-section-center-head > .daisy-container > .daisy-lead{
    max-width:100%;
    text-align:left;
  }

  .daisy-section-center-head > .daisy-container > .daisy-eyebrow{
    justify-content:flex-start;
    text-align:left;
  }
}



/* ==========================================
   FINAL ALIGNMENT / POLISH PASS
   ========================================== */

/* Integration + How it works badges centered */
.daisy-section-center-badge > .daisy-container > .daisy-eyebrow{
  justify-content:center;
  text-align:center;
}

/* Integrations: center heading + lead, keep cards content left */
#daisy-integrace .daisy-title,
#daisy-integrace .daisy-lead{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-wrap:balance;
}

#daisy-integrace .daisy-title{
  max-width:980px;
}

#daisy-integrace .daisy-lead{
  max-width:760px;
}

/* How it works: center header and CTA block */
#daisy-nasazeni .daisy-title{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  text-wrap:balance;
}

.daisy-section-center-cta .daisy-how-cta{
  align-items:center;
  text-align:center;
}

.daisy-section-center-cta .daisy-how-cta-note{
  text-align:center;
}

/* Tiny global polish */
.daisy-site{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.daisy-section{
  scroll-margin-top:96px;
}

.daisy-btn{
  transition:
    transform .28s cubic-bezier(.22,1,.36,1),
    box-shadow .28s ease,
    filter .28s ease;
}

@media(hover:hover){
  .daisy-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(114,101,239,.14);
    filter:saturate(1.04);
  }
}

/* Slightly cleaner section rhythm on wide desktop */
@media(min-width:1200px){
  .daisy-section{
    padding-top:112px;
    padding-bottom:112px;
  }

  #daisy-problemy .daisy-title,
  #daisy-situace .daisy-title,
  #daisy-cena .daisy-title{
    max-width:1050px;
  }
}

@media(max-width:700px){

  /* On mobile we return to left alignment for scanability */
  #daisy-integrace .daisy-title,
  #daisy-integrace .daisy-lead,
  #daisy-nasazeni .daisy-title{
    text-align:left;
    margin-left:0;
    margin-right:0;
  }

  .daisy-section-center-badge > .daisy-container > .daisy-eyebrow{
    justify-content:flex-start;
    text-align:left;
  }

  .daisy-section-center-cta .daisy-how-cta{
    align-items:stretch;
    text-align:left;
  }

  .daisy-section-center-cta .daisy-how-cta-note{
    text-align:center;
  }
}



/* HOW IT WORKS badge / eyebrow centered */
#daisy-nasazeni > .daisy-container > .daisy-eyebrow{
  justify-content:center !important;
  text-align:center !important;
  width:100%;
}

/* Keep the centered treatment on tablet/desktop */
@media(min-width:701px){
  #daisy-nasazeni > .daisy-container > .daisy-eyebrow{
    margin-left:auto;
    margin-right:auto;
  }
}

/* Mobile stays left-aligned for readability */
@media(max-width:700px){
  #daisy-nasazeni > .daisy-container > .daisy-eyebrow{
    justify-content:flex-start !important;
    text-align:left !important;
  }
}


/* Center section badges / eyebrow labels for integrations + FAQ */
#daisy-integrace > .daisy-container > .daisy-eyebrow,
#daisy-faq > .daisy-container > .daisy-eyebrow{
  justify-content:center !important;
  text-align:center !important;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* Keep mobile readable */
@media(max-width:700px){
  #daisy-integrace > .daisy-container > .daisy-eyebrow,
  #daisy-faq > .daisy-container > .daisy-eyebrow{
    justify-content:flex-start !important;
    text-align:left !important;
  }
}

/* ==========================================
   FAQ — SMOOTH ACCORDION
   ========================================== */

.daisy-faq{
  margin-top:48px;
  border-top:1px solid var(--d-line);
}

.daisy-faq-item{
  position:relative;
  border-bottom:1px solid var(--d-line);
}

.daisy-faq-question{
  width:100%;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;

  padding:27px 0;

  border:0;
  outline:0;

  color:var(--d-text);
  background:transparent;

  cursor:pointer;

  text-align:left;

  font-family:"Inter",sans-serif;
  font-size:20px;
  line-height:1.25;
  font-weight:600;

  transition:
    color .3s ease,
    padding-left .35s cubic-bezier(.22,1,.36,1);
}

.daisy-faq-question:hover{
  color:var(--d-iris);
  padding-left:6px;
}

.daisy-faq-plus{
  position:relative;
  flex:0 0 auto;

  width:34px;
  height:34px;

  border:1px solid rgba(114,101,239,.14);
  border-radius:50%;

  background:
    linear-gradient(145deg,rgba(114,101,239,.06),rgba(88,215,221,.035));

  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    box-shadow .35s ease,
    background .35s ease;
}

.daisy-faq-plus::before,
.daisy-faq-plus::after{
  content:"";

  position:absolute;
  left:50%;
  top:50%;

  width:13px;
  height:2px;

  border-radius:999px;

  background:var(--d-iris);

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

  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    background .35s ease;
}

.daisy-faq-plus::after{
  transform:translate(-50%,-50%) rotate(90deg);
}

.daisy-faq-item.is-open .daisy-faq-plus{
  transform:rotate(180deg);

  border-color:rgba(114,101,239,.26);

  background:
    linear-gradient(145deg,rgba(114,101,239,.12),rgba(88,215,221,.07));

  box-shadow:
    0 8px 24px rgba(114,101,239,.10),
    0 0 18px rgba(88,215,221,.05);
}

.daisy-faq-item.is-open .daisy-faq-plus::after{
  transform:translate(-50%,-50%) rotate(0deg) scaleX(0);
}

.daisy-faq-answer{
  height:0;
  overflow:hidden;

  opacity:0;
  transform:translateY(-7px);

  transition:
    height .52s cubic-bezier(.22,1,.36,1),
    opacity .36s ease,
    transform .48s cubic-bezier(.22,1,.36,1);
}

.daisy-faq-answer-inner{
  max-width:900px;
  padding:0 52px 28px 0;

  color:var(--d-muted);

  font-size:14px;
  line-height:1.72;
}

.daisy-faq-item.is-open .daisy-faq-answer{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:700px){

  .daisy-faq{
    margin-top:38px;
  }

  .daisy-faq-question{
    gap:18px;
    padding:22px 0;

    font-size:17px;
  }

  .daisy-faq-question:hover{
    padding-left:0;
  }

  .daisy-faq-plus{
    width:31px;
    height:31px;
  }

  .daisy-faq-answer-inner{
    padding:0 0 24px;
    font-size:13.5px;
  }
}

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

  .daisy-faq-answer,
  .daisy-faq-plus,
  .daisy-faq-plus::before,
  .daisy-faq-plus::after{
    transition:none;
  }
}


/* ==========================================
   CTA / CONTACT
   ========================================== */

.daisy-contact{
  position:relative;
  overflow:hidden;

  color:#fff;

  background:
    radial-gradient(circle at 12% 82%,rgba(114,101,239,.18),transparent 31%),
    radial-gradient(circle at 90% 20%,rgba(88,215,221,.12),transparent 29%),
    #111119;
}

.daisy-contact::before{
  content:"";
  position:absolute;

  width:360px;
  height:360px;

  right:-210px;
  top:-205px;

  border:54px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box;

  opacity:.16;
  pointer-events:none;
}

.daisy-contact-grid{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:76px;
  align-items:start;
}

.daisy-contact-intro{
  max-width:650px;
}

.daisy-contact .daisy-eyebrow{
  color:#8f86ff;
}

.daisy-contact h2{
  max-width:650px;

  font-size:clamp(40px,4.8vw,64px);
  line-height:1.02;
}

.daisy-contact-copy{
  max-width:610px;
  margin-top:24px !important;

  color:rgba(255,255,255,.63);
  font-size:15px;
  line-height:1.72;
}

.daisy-contact-copy p + p{
  margin-top:15px;
}

.daisy-contact-copy strong{
  color:#fff;
  font-weight:700;
}

.daisy-contact-brand-note{
  display:flex;
  align-items:center;
  gap:11px;

  margin-top:30px;

  color:rgba(255,255,255,.44);
  font-size:12px;
  font-weight:600;
}

.daisy-contact-brand-note::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;

  border-radius:50%;
  background:var(--d-gradient);

  box-shadow:0 0 16px rgba(88,215,221,.18);
}

/* Form card */
.daisy-form-shell{
  position:relative;
  isolation:isolate;

  padding:28px;

  overflow:hidden;

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

  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));

  box-shadow:
    0 26px 75px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.055);

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

  transition:
    transform .48s cubic-bezier(.22,1,.36,1),
    border-color .42s ease,
    box-shadow .48s ease;
}

.daisy-form-shell::before{
  content:"";
  position:absolute;
  z-index:-1;

  width:280px;
  height:280px;

  right:-150px;
  bottom:-170px;

  border-radius:50%;

  background:
    radial-gradient(circle,rgba(114,101,239,.24),rgba(88,215,221,.08) 48%,transparent 72%);

  opacity:.48;

  transition:
    transform .65s cubic-bezier(.22,1,.36,1),
    opacity .45s ease;
}

.daisy-form-shell::after{
  content:"";
  position:absolute;
  z-index:-1;

  top:-42%;
  left:-34%;

  width:38%;
  height:185%;

  transform:rotate(18deg);

  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);

  opacity:0;

  transition:
    left .95s cubic-bezier(.22,1,.36,1),
    opacity .3s ease;
}

@media(hover:hover){
  .daisy-form-shell:hover{
    transform:translateY(-5px);

    border-color:rgba(114,101,239,.25);

    box-shadow:
      0 34px 90px rgba(0,0,0,.22),
      0 12px 38px rgba(114,101,239,.07),
      inset 0 1px 0 rgba(255,255,255,.07);
  }

  .daisy-form-shell:hover::before{
    transform:scale(1.08);
    opacity:.66;
  }

  .daisy-form-shell:hover::after{
    left:116%;
    opacity:1;
  }
}

.daisy-form-heading{
  margin-bottom:24px;
}

.daisy-form-heading strong{
  display:block;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:20px;
  font-weight:600;
}

.daisy-form-heading span{
  display:block;
  margin-top:7px;

  color:rgba(255,255,255,.42);
  font-size:12px;
  line-height:1.55;
}

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

.daisy-form-group{
  position:relative;
}

.daisy-form-full{
  grid-column:1/-1;
}

.daisy-form-label{
  display:block;
  margin:0 0 8px 2px;

  color:rgba(255,255,255,.48);

  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.daisy-field{
  width:100%;
  min-height:56px;

  padding:15px 16px;

  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  outline:none;

  color:#fff;
  background:rgba(255,255,255,.045);

  font-family:"Inter",sans-serif;
  font-size:14px;

  transition:
    transform .28s cubic-bezier(.22,1,.36,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease;
}

.daisy-field::placeholder{
  color:rgba(255,255,255,.24);
}

.daisy-field:hover{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);
}

.daisy-field:focus{
  transform:translateY(-1px);

  border-color:rgba(114,101,239,.72);
  background:rgba(255,255,255,.06);

  box-shadow:
    0 0 0 3px rgba(114,101,239,.11),
    0 10px 28px rgba(114,101,239,.055);
}

textarea.daisy-field{
  min-height:132px;
  resize:vertical;
}

.daisy-form-submit{
  margin-top:3px;

  border:0;
  cursor:pointer;
}

.daisy-form-privacy{
  grid-column:1/-1;

  margin-top:1px;

  color:rgba(255,255,255,.32);
  font-size:10px;
  line-height:1.5;
}

@media(max-width:950px){
  .daisy-contact-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .daisy-contact-intro{
    max-width:760px;
  }
}

@media(max-width:700px){
  .daisy-contact-grid{
    gap:34px;
  }

  .daisy-contact h2{
    font-size:clamp(34px,10vw,45px);
  }

  .daisy-contact-copy{
    font-size:14px;
  }

  .daisy-form-shell{
    padding:21px;
    border-radius:22px;
  }

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

  .daisy-form-full{
    grid-column:auto;
  }

  .daisy-form-privacy{
    grid-column:auto;
  }
}


/* ==========================================
   FOOTER
   ========================================== */

.daisy-footer{
  position:relative;

  padding:54px 0 30px;

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

  color:rgba(255,255,255,.46);
  background:#0d0d15;
}

.daisy-footer-main{
  display:grid;
  grid-template-columns:minmax(260px,1.15fr) minmax(220px,.85fr);
  gap:60px;
  align-items:start;
}

.daisy-footer-brand{
  max-width:620px;
}

.daisy-footer-logo{
  display:block;
  width:142px;
  height:auto;
}

.daisy-footer-owner{
  max-width:620px;
  margin-top:24px;

  color:rgba(255,255,255,.70);

  font-size:13px;
  line-height:1.65;
}

.daisy-footer-owner strong{
  color:#fff;
  font-weight:700;
}

.daisy-footer-contact{
  display:flex;
  flex-direction:column;
  gap:9px;

  justify-self:end;
  min-width:255px;
}

.daisy-footer-contact-label{
  margin-bottom:6px;

  color:rgba(255,255,255,.28);

  font-size:9px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.daisy-footer-contact span,
.daisy-footer-contact a{
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.5;
  text-decoration:none;

  transition:color .25s ease;
}

.daisy-footer-contact a:hover{
  color:#fff;
}

.daisy-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;

  margin-top:42px;
  padding-top:20px;

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

  color:rgba(255,255,255,.27);
  font-size:10px;
}

.daisy-footer-dot{
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;

  border-radius:50%;
  background:var(--d-gradient);
}

@media(max-width:700px){
  .daisy-footer{
    padding-top:42px;
  }

  .daisy-footer-main{
    grid-template-columns:1fr;
    gap:34px;
  }

  .daisy-footer-contact{
    justify-self:start;
    min-width:0;
  }

  .daisy-footer-logo{
    width:128px;
  }

  .daisy-footer-bottom{
    margin-top:32px;
  }
}



/* ==========================================
   V32 — SAFE TYPOGRAPHY + FOOTER POLISH
   Additive overrides only; original form layout stays untouched.
   ========================================== */

/* Keep body copy readable without overriding component geometry */
.daisy-site .daisy-lead,
.daisy-site .daisy-hero-copy,
.daisy-site .daisy-card p,
.daisy-site .daisy-situation p,
.daisy-site .daisy-integration p,
.daisy-site .daisy-security-item p,
.daisy-site .daisy-how-step p,
.daisy-site .daisy-faq-answer-inner,
.daisy-site .daisy-contact-copy{
  font-size:15px;
  line-height:1.68;
}

/* Small labels: readable but still visually secondary */
.daisy-site .daisy-eyebrow{
  font-size:12px;
}

.daisy-site .daisy-form-label,
.daisy-site .daisy-saving-prefix,
.daisy-site .daisy-how-number-label{
  font-size:11px;
}

/* Do NOT globally resize inputs/buttons — preserve the working form layout */
.daisy-form-privacy{
  font-size:11.5px;
  line-height:1.55;
}

/* Footer spacing and line break */
.daisy-footer-owner{
  margin-top:38px;
  max-width:620px;

  color:rgba(255,255,255,.70);
  font-size:14px;
  line-height:1.55;
}

.daisy-footer-owner span,
.daisy-footer-owner strong{
  display:block;
}

.daisy-footer-owner strong{
  margin-top:6px;
  color:#fff;
  font-weight:700;
}

.daisy-footer-contact a{
  font-size:14px;
  line-height:1.55;
}

.daisy-footer-bottom{
  font-size:12px;
  color:rgba(255,255,255,.32);
}

@media(max-width:700px){
  .daisy-footer-owner{
    margin-top:28px;
  }

  .daisy-site .daisy-lead,
  .daisy-site .daisy-hero-copy,
  .daisy-site .daisy-card p,
  .daisy-site .daisy-situation p,
  .daisy-site .daisy-integration p,
  .daisy-site .daisy-security-item p,
  .daisy-site .daisy-how-step p,
  .daisy-site .daisy-faq-answer-inner,
  .daisy-site .daisy-contact-copy{
    font-size:14px;
  }
}


/* ==========================================
   V33 — FOOTER OWNER SPACING FIX
   ========================================== */

.daisy-footer-owner{
  margin-top:54px;
  max-width:620px;

  color:rgba(255,255,255,.70);

  font-size:14px;
  line-height:1.18;
}

.daisy-footer-owner span,
.daisy-footer-owner strong{
  display:block;
  line-height:1.18;
}

.daisy-footer-owner strong{
  margin-top:2px;

  color:#fff;
  font-weight:700;
}

@media(max-width:700px){
  .daisy-footer-owner{
    margin-top:38px;
    line-height:1.2;
  }

  .daisy-footer-owner span,
  .daisy-footer-owner strong{
    line-height:1.2;
  }
}


/* ==========================================
   V34 — FOOTER OWNER PUSH DOWN
   ========================================== */

/* Increase the visual gap between the DAISY logo and owner copy */
.daisy-footer-owner{
  margin-top:88px !important;
  max-width:620px;

  color:rgba(255,255,255,.70);

  font-size:14px;
  line-height:1.18;
}

.daisy-footer-owner span,
.daisy-footer-owner strong{
  display:block;
  line-height:1.18;
}

.daisy-footer-owner strong{
  margin-top:2px;

  color:#fff;
  font-weight:700;
}

@media(max-width:700px){
  .daisy-footer-owner{
    margin-top:58px !important;
  }
}


/* ==========================================
   V35 — FOOTER BASELINE ALIGNMENT
   Left owner block bottom aligns with email on the right.
   ========================================== */

@media(min-width:701px){

  .daisy-footer-main{
    align-items:stretch;
  }

  .daisy-footer-brand{
    display:flex;
    flex-direction:column;
    min-height:100%;
  }

  .daisy-footer-owner{
    margin-top:auto !important;
    margin-bottom:0 !important;
  }
}

/* Mobile keeps natural stacking */
@media(max-width:700px){

  .daisy-footer-brand{
    display:block;
  }

  .daisy-footer-owner{
    margin-top:58px !important;
  }
}


/* ==========================================
   V37 — HERO COPY REDUCTION
   ========================================== */

.daisy-hero-lead{
  max-width:760px;
  margin-top:28px;
  font-size:17px !important;
  line-height:1.55 !important;
}

.daisy-hero-support{
  max-width:760px;
  margin-top:14px !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

@media(max-width:700px){
  .daisy-hero-lead{
    margin-top:22px;
    font-size:15px !important;
  }

  .daisy-hero-support{
    font-size:14px !important;
  }
}



/* ==========================================
   V39 — TABLET/MOBILE BURGER + BACK TO TOP
   Uses the existing #daisyMenu button.
   ========================================== */

.daisy-back-to-top{
  position:fixed;
  z-index:1100;

  right:24px;
  bottom:24px;

  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  padding:0;

  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(22,22,33,.74),
      rgba(14,15,23,.64)
    );

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

  box-shadow:
    0 16px 42px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.07);

  cursor:pointer;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:translateY(12px) scale(.92);

  transition:
    opacity .28s ease,
    visibility .28s ease,
    transform .38s cubic-bezier(.22,1,.36,1),
    border-color .28s ease,
    box-shadow .3s ease;
}

.daisy-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:translateY(0) scale(1);
}

.daisy-back-to-top:hover{
  transform:translateY(-3px);

  border-color:rgba(114,101,239,.42);

  box-shadow:
    0 20px 50px rgba(0,0,0,.28),
    0 0 24px rgba(114,101,239,.08);
}

.daisy-back-to-top svg{
  width:20px;
  height:20px;

  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* Desktop keeps the current navigation */
@media(min-width:1025px){

  .daisy-menu{
    display:none !important;
  }

}


/* Tablet + phone */
@media(max-width:1024px){

  .daisy-nav-wrap{
    padding-left:18px;
    padding-right:18px;
  }

  .daisy-nav{
    position:relative;
    z-index:1200;

    min-height:70px;

    padding:0 14px 0 18px;
  }

  .daisy-logo{
    position:relative;
    z-index:3;
  }

  .daisy-logo-img{
    width:112px;
  }

  .daisy-menu{
    position:relative;
    z-index:4;

    display:grid !important;
    place-items:center;

    flex:0 0 44px;

    width:44px;
    height:44px;

    margin-left:auto;
    padding:0;

    overflow:hidden;

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

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

    font-size:0;

    cursor:pointer;

    transition:
      background .28s ease,
      border-color .28s ease,
      transform .3s ease;
  }

  .daisy-menu::before,
  .daisy-menu::after{
    content:"";

    position:absolute;
    left:50%;

    width:19px;
    height:2px;

    border-radius:999px;

    background:#fff;

    transform:translateX(-50%);

    transition:
      top .36s cubic-bezier(.22,1,.36,1),
      transform .36s cubic-bezier(.22,1,.36,1);
  }

  .daisy-menu::before{
    top:16px;
  }

  .daisy-menu::after{
    top:25px;
  }

  .daisy-nav.daisy-open .daisy-menu{
    border-color:rgba(114,101,239,.28);
    background:rgba(114,101,239,.10);
  }

  .daisy-nav.daisy-open .daisy-menu::before{
    top:21px;
    transform:translateX(-50%) rotate(45deg);
  }

  .daisy-nav.daisy-open .daisy-menu::after{
    top:21px;
    transform:translateX(-50%) rotate(-45deg);
  }

  .daisy-nav-links{
    position:absolute;

    left:0;
    right:0;
    top:calc(100% + 10px);

    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:3px;

    margin:0;
    padding:10px;

    overflow:hidden;

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

    background:
      linear-gradient(
        180deg,
        rgba(21,21,31,.97),
        rgba(13,14,21,.96)
      );

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

    box-shadow:
      0 28px 80px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.045);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(-9px) scale(.985);
    transform-origin:top center;

    transition:
      opacity .24s ease,
      visibility .24s ease,
      transform .34s cubic-bezier(.22,1,.36,1);
  }

  .daisy-nav.daisy-open .daisy-nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:translateY(0) scale(1);
  }

  .daisy-nav-links > a:not(.daisy-btn){
    left:0;

    width:100%;
    min-height:0;

    padding:12px 14px;

    border-radius:12px;

    color:rgba(255,255,255,.72) !important;

    font-size:14px;
    line-height:1.25;
  }

  .daisy-nav-links > a:not(.daisy-btn)::after{
    display:none;
  }

  .daisy-nav-links > a:not(.daisy-btn):hover{
    color:#fff !important;
    background:rgba(255,255,255,.045);
  }

  .daisy-nav-links .daisy-btn{
    width:100%;
    min-height:44px;

    margin:5px 0 0;
    padding:0 16px;

    justify-content:center;
  }

}


/* Phone tuning */
@media(max-width:700px){

  .daisy-nav-wrap{
    padding-left:10px;
    padding-right:10px;
  }

  .daisy-nav{
    min-height:64px;

    padding-left:14px;
    padding-right:10px;

    border-radius:18px;
  }

  .daisy-logo-img{
    width:102px;
  }

  .daisy-menu{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .daisy-back-to-top{
    right:14px;
    bottom:14px;

    width:44px;
    height:44px;
  }

  .daisy-back-to-top svg{
    width:18px;
    height:18px;
  }

}


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

  .daisy-back-to-top,
  .daisy-menu,
  .daisy-menu::before,
  .daisy-menu::after,
  .daisy-nav-links{
    transition:none;
  }

}




/* ==========================================
   V40 — TYPOGRAPHY / METRICS / STORYTELLING POLISH
   ========================================== */

/* Slightly stronger text hierarchy on light backgrounds */
.daisy-site{
  --d-muted:#5f6070;
}

/* Body/perex copy on light sections: less washed out */
.daisy-section:not(.daisy-dark) .daisy-lead,
.daisy-section:not(.daisy-dark) .daisy-card p,
.daisy-section:not(.daisy-dark) .daisy-situation p,
.daisy-section:not(.daisy-dark) .daisy-how-step p,
.daisy-section:not(.daisy-dark) .daisy-faq-answer-inner,
.daisy-section:not(.daisy-dark) .daisy-contact-copy{
  color:#60616f;
  font-weight:400;
}

/* Stronger but still secondary tiny copy */
.daisy-section:not(.daisy-dark) .daisy-how-cta-note,
.daisy-section:not(.daisy-dark) .daisy-form-privacy{
  color:#696a77;
}


/* ------------------------------------------
   STORYTELLING ACCENT IN SECTION HEADLINES
   ------------------------------------------ */

.daisy-title-accent{
  display:inline;

  background:var(--d-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;

  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* Keep highlighted phrases together when there is enough room,
   but allow natural wrapping on smaller screens. */
@media(min-width:900px){
  .daisy-title-accent{
    white-space:nowrap;
  }
}


/* ------------------------------------------
   METRICS — BETTER TRANSITION FROM HERO
   ------------------------------------------ */

/* Continue the hero visual language behind the entire metrics row.
   This removes the awkward light/dark split through the cards. */
.daisy-metrics{
  position:relative;
  z-index:4;

  margin-top:0;
  padding:0 0 58px;

  background:
    radial-gradient(circle at 12% 24%,rgba(114,101,239,.12),transparent 23%),
    radial-gradient(circle at 88% 72%,rgba(88,215,221,.10),transparent 25%),
    linear-gradient(180deg,#111119 0%,#12141d 62%,#15232a 100%);
}

.daisy-metrics-grid{
  transform:translateY(-62px);
  margin-bottom:-62px;
}

/* More intentional card rhythm */
.daisy-metric{
  min-height:250px;

  justify-content:flex-start;

  padding:28px 28px 27px;
}

.daisy-metric::before{
  left:28px;
  right:28px;
}

/* Give the value enough vertical room — especially letters with descenders
   such as the "y" in "2 týdny". */
.daisy-metric strong{
  margin-top:34px;

  line-height:1.08;
  padding-bottom:.10em;

  overflow:visible;
}

/* Subcopy sits clearly below the number instead of floating at the bottom */
.daisy-metric span{
  max-width:235px;

  margin-top:34px;

  color:#5e6070;
  font-size:14px;
  line-height:1.52;
  font-weight:500;
}

/* Slightly more readable metadata */
.daisy-metric-kicker{
  color:rgba(17,17,25,.48);
  font-size:10.5px;
}

.daisy-metric-index{
  color:rgba(17,17,25,.27);
}


/* ------------------------------------------
   CO DAISY ŘEŠÍ — SHORTER / CLEANER HEAD
   ------------------------------------------ */

#daisy-problemy .daisy-title{
  max-width:960px;

  font-size:clamp(42px,4.8vw,64px);
  line-height:1.03;

  text-wrap:balance;
}

#daisy-problemy .daisy-lead{
  max-width:760px;
}


/* ------------------------------------------
   GENERAL LIGHT-SECTION TYPOGRAPHY POLISH
   ------------------------------------------ */

.daisy-section:not(.daisy-dark) .daisy-card p,
.daisy-section:not(.daisy-dark) .daisy-situation p,
.daisy-section:not(.daisy-dark) .daisy-how-step p{
  line-height:1.66;
}

/* Eyebrows remain intentionally lighter/smaller, but not washed out */
.daisy-section:not(.daisy-dark) .daisy-eyebrow{
  color:#665bf0;
}


/* ------------------------------------------
   RESPONSIVE TUNING
   ------------------------------------------ */

@media(max-width:1050px){

  .daisy-metrics{
    margin-top:0;
    padding-bottom:52px;
  }

  .daisy-metrics-grid{
    transform:translateY(-48px);
    margin-bottom:-48px;
  }

  .daisy-metric{
    min-height:230px;
  }

  .daisy-metric strong{
    margin-top:28px;
  }

  .daisy-metric span{
    margin-top:28px;
  }
}


@media(max-width:700px){

  .daisy-metrics{
    margin-top:0;
    padding:0 0 42px;

    background:
      radial-gradient(circle at 8% 8%,rgba(114,101,239,.13),transparent 20%),
      linear-gradient(180deg,#111119 0%,#12141d 78%,#17242a 100%);
  }

  .daisy-metrics-grid{
    transform:translateY(-28px);
    margin-bottom:-28px;
  }

  .daisy-metric{
    min-height:0;
    padding:23px;
  }

  .daisy-metric::before{
    left:23px;
    right:23px;
  }

  .daisy-metric strong{
    margin-top:24px;

    font-size:44px;
    line-height:1.10;
    padding-bottom:.08em;
  }

  .daisy-metric span{
    margin-top:24px;

    font-size:14px;
  }

  #daisy-problemy .daisy-title{
    font-size:clamp(36px,11vw,48px);
    line-height:1.04;
  }

  .daisy-title-accent{
    white-space:normal;
  }
}




/* ==========================================
   V41 — HERO / METRICS / BADGES / PRICING POLISH
   ========================================== */

/* ------------------------------------------
   SECTION LABELS — REMOVE DECORATIVE DOTS
   ------------------------------------------ */

.daisy-eyebrow{
  gap:0;
}

.daisy-eyebrow::before{
  display:none !important;
  content:none !important;
}


/* ------------------------------------------
   HERO PRODUCT UI — GOLDEN MIDDLE
   Real-product feel + current DAISY brand
   ------------------------------------------ */

.daisy-product-ui{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);

  min-height:320px;
  padding:0 !important;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.065) !important;
  border-radius:14px !important;

  background:#11131b !important;
}

.daisy-product-sidebar{
  position:relative;

  padding:12px 9px;

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

  background:
    radial-gradient(circle at 12% 8%,rgba(114,101,239,.11),transparent 25%),
    #15161f;
}

.daisy-product-sidebar-head{
  display:flex;
  align-items:center;
  gap:7px;

  margin-bottom:10px;

  color:rgba(255,255,255,.72);
  font-size:8px;
}

.daisy-product-mark{
  width:19px;
  height:19px;

  display:grid;
  place-items:center;

  border-radius:6px;

  color:#fff;
  background:var(--d-gradient);

  font-family:"Inter",sans-serif;
  font-size:8px;
  font-weight:600;
}

.daisy-product-search{
  margin-bottom:11px;
  padding:7px 8px;

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

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

  font-size:7px;
}

.daisy-product-group{
  margin:9px 5px 5px;

  color:rgba(255,255,255,.22);
  font-size:6px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.daisy-product-row{
  display:flex;
  align-items:center;
  gap:7px;

  margin-top:2px;
  padding:7px 7px;

  border:1px solid transparent;
  border-radius:7px;

  color:rgba(255,255,255,.44);
  font-size:7px;
  line-height:1.15;
}

.daisy-product-row i{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:linear-gradient(135deg,#7265EF,#58D7DD);
  box-shadow:0 0 10px rgba(114,101,239,.18);
}

.daisy-product-row.is-active{
  color:#fff;

  border-color:rgba(114,101,239,.16);

  background:
    linear-gradient(90deg,rgba(114,101,239,.13),rgba(88,215,221,.055));
}

.daisy-product-workspace{
  min-width:0;
  background:
    radial-gradient(circle at 88% 8%,rgba(88,215,221,.07),transparent 28%),
    radial-gradient(circle at 24% 100%,rgba(114,101,239,.08),transparent 32%),
    #101119;
}

.daisy-product-toolbar{
  min-height:38px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:9px 11px;

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

  color:rgba(255,255,255,.66);
  font-size:8px;
}

.daisy-product-toolbar-chips{
  display:flex;
  gap:4px;
}

.daisy-product-toolbar-chips span{
  padding:4px 6px;

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

  color:rgba(255,255,255,.52);
  background:rgba(255,255,255,.03);

  font-size:6px;
  font-weight:700;
}

.daisy-product-toolbar-chips span:nth-child(2){
  color:#d8d5ff;
  border-color:rgba(114,101,239,.18);
  background:rgba(114,101,239,.09);
}

.daisy-product-answer{
  padding:15px 16px 13px;
}

.daisy-product-question{
  padding:10px 11px;

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

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

  font-size:8px;
  line-height:1.35;
}

.daisy-product-question span{
  display:block;
  margin-bottom:4px;

  color:rgba(255,255,255,.27);
  font-size:5.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.daisy-product-result-label{
  display:inline-flex;

  margin-top:13px;
  padding:4px 7px;

  border-radius:999px;

  color:#dedcff;
  background:rgba(114,101,239,.10);

  font-size:5.5px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.daisy-product-answer h4{
  max-width:300px;
  margin-top:8px;

  color:#fff;

  font-size:11px;
  line-height:1.12;
  font-weight:700;
}

.daisy-product-answer > p{
  max-width:330px;
  margin-top:7px;

  color:rgba(255,255,255,.43);

  font-size:7px;
  line-height:1.45;
}

.daisy-product-code{
  margin-top:10px;
  padding:9px 10px;

  border:1px solid rgba(88,215,221,.075);
  border-radius:9px;

  color:rgba(255,255,255,.48);
  background:#0d1015;

  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:6.5px;
  line-height:1.6;
}

.daisy-product-code span{
  display:inline-block;
  width:18px;
  color:rgba(255,255,255,.18);
}

.daisy-product-code b{
  color:#58D7DD;
  font-weight:600;
}

.daisy-product-code em{
  color:#8d83f5;
  font-style:normal;
}

.daisy-product-composer{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-top:11px;
  padding:8px 8px 8px 10px;

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

  color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.022);

  font-size:6.5px;
}

.daisy-product-composer button{
  width:21px;
  height:21px;

  display:grid;
  place-items:center;

  padding:0;
  border:0;
  border-radius:7px;

  color:#fff;
  background:var(--d-gradient);

  font-size:10px;
  cursor:default;
}


/* ------------------------------------------
   HERO → METRICS: ONE CONTINUOUS DARK WORLD
   ------------------------------------------ */

.daisy-metrics{
  position:relative;
  isolation:isolate;

  margin-top:0 !important;
  padding:16px 0 76px !important;

  overflow:hidden;

  background:
    radial-gradient(circle at 78% 22%,rgba(114,101,239,.13),transparent 28%),
    radial-gradient(circle at 90% 74%,rgba(88,215,221,.11),transparent 30%),
    linear-gradient(180deg,#111119 0%,#12141d 58%,#16262c 100%) !important;
}

/* continuation of the large DAISY ring behind the proof cards */
.daisy-metrics::before{
  content:"";
  position:absolute;
  z-index:-1;

  width:540px;
  height:540px;

  left:-315px;
  top:-365px;

  border:66px solid transparent;
  border-radius:50%;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box;

  opacity:.48;
  pointer-events:none;
}

.daisy-metrics-grid{
  transform:none !important;
  margin-bottom:0 !important;
}


/* ------------------------------------------
   METRICS — SHORTER CARDS + ALIGNED COPY
   ------------------------------------------ */

.daisy-metric{
  min-height:205px !important;

  display:grid !important;
  grid-template-rows:auto 72px auto;
  align-content:start;

  padding:23px 24px 23px !important;
}

.daisy-metric::before{
  left:24px !important;
  right:24px !important;
}

.daisy-metric strong{
  min-height:72px;

  display:flex;
  align-items:center;

  margin-top:17px !important;
  padding:0 0 .12em !important;

  overflow:visible;

  font-size:clamp(38px,3.05vw,54px) !important;
  line-height:1.08 !important;
}

.daisy-metric strong.daisy-metric-long{
  white-space:nowrap;
  font-size:clamp(34px,2.55vw,46px) !important;
  letter-spacing:-.06em;
}

.daisy-metric span{
  align-self:start;

  margin-top:18px !important;

  color:#535565 !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
}


/* ------------------------------------------
   PRICING — ROUTING ILLUSTRATION + BIGGER RING
   ------------------------------------------ */

.daisy-price{
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);
  gap:48px;
}

.daisy-price-copy > p{
  max-width:600px;
  color:rgba(255,255,255,.58);
  font-size:15px;
  line-height:1.62;
}

.daisy-routing{
  position:relative;

  max-width:610px;
  min-height:92px;

  display:grid;
  grid-template-columns:100px 92px minmax(0,1fr);
  align-items:center;
  gap:13px;

  margin-top:28px;
  padding:14px;

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

  background:
    linear-gradient(135deg,rgba(114,101,239,.055),rgba(88,215,221,.025));
}

.daisy-routing::before,
.daisy-routing::after{
  content:"";
  position:absolute;
  z-index:0;

  height:1px;

  background:linear-gradient(90deg,rgba(114,101,239,.35),rgba(88,215,221,.23));
}

.daisy-routing::before{
  left:99px;
  width:38px;
  top:50%;
}

.daisy-routing::after{
  left:205px;
  right:25px;
  top:50%;
}

.daisy-routing-start,
.daisy-routing-core,
.daisy-routing-models{
  position:relative;
  z-index:2;
}

.daisy-routing-start{
  display:grid;
  place-items:center;

  min-height:48px;

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

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

  font-size:11px;
  font-weight:600;
}

.daisy-routing-core{
  min-height:58px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;

  border:1px solid rgba(114,101,239,.16);
  border-radius:15px;

  color:#fff;
  background:
    radial-gradient(circle at 70% 16%,rgba(88,215,221,.12),transparent 45%),
    rgba(114,101,239,.075);
}

.daisy-routing-core i{
  width:9px;
  height:9px;

  border-radius:50%;

  background:var(--d-gradient);
  box-shadow:0 0 16px rgba(114,101,239,.35);
}

.daisy-routing-core strong{
  font-size:10px;
  letter-spacing:.12em;
}

.daisy-routing-models{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.daisy-routing-models > div{
  min-height:58px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:9px 11px;

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

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

.daisy-routing-models > div:first-child{
  border-color:rgba(88,215,221,.10);
  background:rgba(88,215,221,.035);
}

.daisy-routing-models > div:last-child{
  border-color:rgba(114,101,239,.12);
  background:rgba(114,101,239,.04);
}

.daisy-routing-models small{
  color:rgba(255,255,255,.30);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.daisy-routing-models strong{
  margin-top:4px;

  color:rgba(255,255,255,.74);
  font-size:10px;
  font-weight:600;
}

.daisy-saving{
  min-height:0 !important;

  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start !important;

  padding-top:0;
}

.daisy-saving-ring{
  width:264px !important;
  height:264px !important;

  transform:translateY(-12px);
}

.daisy-saving-center{
  width:178px !important;
  height:178px !important;
}

.daisy-saving-number strong{
  font-size:68px !important;
  font-weight:600 !important;
}

.daisy-saving-number em{
  font-size:30px !important;
  font-weight:600 !important;
}

.daisy-saving-caption{
  position:static !important;

  width:100% !important;
  max-width:330px;

  margin-top:8px;

  transform:none !important;

  text-align:center;
}

.daisy-saving-caption strong{
  color:rgba(255,255,255,.86) !important;
  font-size:15.5px !important;
  line-height:1.25;
  font-weight:700 !important;
}

.daisy-saving-caption span{
  margin-top:6px !important;

  color:rgba(255,255,255,.54) !important;
  font-size:13.5px !important;
  line-height:1.35;
  font-weight:500 !important;
}


/* ------------------------------------------
   RESPONSIVE V41
   ------------------------------------------ */

@media(max-width:1050px){

  .daisy-metrics{
    padding-top:12px !important;
    padding-bottom:62px !important;
  }

  .daisy-metric{
    min-height:192px !important;
  }

  .daisy-price{
    grid-template-columns:1fr;
  }

  .daisy-saving{
    margin-top:8px;
  }

  .daisy-routing{
    max-width:100%;
  }
}


@media(max-width:700px){

  .daisy-product-ui{
    grid-template-columns:88px minmax(0,1fr);
    min-height:265px;
  }

  .daisy-product-sidebar{
    padding:9px 6px;
  }

  .daisy-product-sidebar-head strong,
  .daisy-product-search,
  .daisy-product-group{
    display:none;
  }

  .daisy-product-sidebar-head{
    justify-content:center;
    margin-bottom:8px;
  }

  .daisy-product-row{
    justify-content:center;
    padding:7px 3px;
  }

  .daisy-product-row span{
    display:none;
  }

  .daisy-product-row i{
    width:8px;
    height:8px;
    flex-basis:8px;
  }

  .daisy-product-answer{
    padding:11px;
  }

  .daisy-product-answer h4{
    font-size:9px;
  }

  .daisy-product-answer > p{
    font-size:6.5px;
  }

  .daisy-product-code{
    font-size:5.8px;
  }

  .daisy-metrics{
    padding:18px 0 48px !important;
  }

  .daisy-metrics::before{
    width:370px;
    height:370px;

    left:-245px;
    top:-245px;

    border-width:48px;
  }

  .daisy-metric{
    min-height:0 !important;
    grid-template-rows:auto auto auto;
    padding:21px 22px !important;
  }

  .daisy-metric strong,
  .daisy-metric strong.daisy-metric-long{
    min-height:0;
    margin-top:18px !important;

    white-space:normal;
    font-size:42px !important;
  }

  .daisy-metric span{
    margin-top:16px !important;
  }

  .daisy-routing{
    grid-template-columns:1fr;
    gap:9px;

    padding:12px;
  }

  .daisy-routing::before,
  .daisy-routing::after{
    display:none;
  }

  .daisy-routing-models{
    grid-template-columns:1fr 1fr;
  }

  .daisy-saving-ring{
    width:220px !important;
    height:220px !important;
    transform:none;
  }

  .daisy-saving-center{
    width:148px !important;
    height:148px !important;
  }

  .daisy-saving-number strong{
    font-size:56px !important;
  }

  .daisy-saving-number em{
    font-size:26px !important;
  }

  .daisy-saving-caption{
    margin-top:18px;
    max-width:280px;
  }
}



/* ==========================================
   V42 — EYEBROWS / HOW NUMBERS / PRICING LOGIC
   ========================================== */

/* Section labels: still secondary, but no longer microscopic. */
.daisy-site .daisy-eyebrow{
  font-size:14px !important;
  line-height:1.25;
  letter-spacing:.145em;
  font-weight:700;
  margin-bottom:22px;
}

/* Fix clipped step numerals (notably 02). */
.daisy-how-number{
  overflow:visible !important;
}

.daisy-how-number-value{
  display:block;
  overflow:visible !important;

  font-size:44px;
  line-height:1.08 !important;
  padding:.02em .04em .10em 0;

  letter-spacing:-.05em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* Give the underline a deliberate gap below the numeral. */
.daisy-how-number::after{
  margin-top:5px;
}


/* ------------------------------------------
   PRICING — SMART ROUTING VISUAL
   ------------------------------------------ */

.daisy-cost-logic{
  position:relative;
  overflow:hidden;

  max-width:650px;
  min-height:184px;

  margin:0 0 38px;
  padding:18px;

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

  background:
    radial-gradient(circle at 18% 10%,rgba(114,101,239,.10),transparent 35%),
    radial-gradient(circle at 88% 88%,rgba(88,215,221,.07),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 55px rgba(0,0,0,.10);
}

.daisy-cost-logic::before{
  content:"";
  position:absolute;
  left:-14%;
  right:-14%;
  bottom:-115px;
  height:180px;

  border-radius:50%;
  background:radial-gradient(circle,rgba(114,101,239,.11),transparent 66%);
  pointer-events:none;
}

.daisy-cost-logic-head{
  position:relative;
  z-index:2;

  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;

  padding:0 2px 14px;
  margin-bottom:13px;

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

.daisy-cost-logic-head span{
  color:rgba(255,255,255,.90);
  font-family:"Inter",sans-serif;
  font-size:12px;
  font-weight:600;
  letter-spacing:.035em;
}

.daisy-cost-logic-head small{
  color:rgba(255,255,255,.38);
  font-size:9.5px;
  line-height:1.3;
  text-align:right;
}

.daisy-cost-flow{
  position:relative;
  z-index:2;

  display:grid;
  grid-template-columns:minmax(135px,.88fr) minmax(120px,.78fr) minmax(225px,1.45fr);
  gap:13px;
  align-items:stretch;
}

/* Subtle route line behind the nodes. */
.daisy-cost-flow::before{
  content:"";
  position:absolute;
  z-index:-1;

  left:17%;
  right:17%;
  top:50%;

  height:1px;
  transform:translateY(-50%);

  background:linear-gradient(
    90deg,
    rgba(114,101,239,.20),
    rgba(114,101,239,.52) 45%,
    rgba(88,215,221,.34)
  );
}

.daisy-cost-query,
.daisy-cost-engine,
.daisy-cost-option{
  position:relative;

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

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

.daisy-cost-query{
  min-height:92px;

  display:flex;
  align-items:center;
  gap:11px;

  padding:13px;
}

.daisy-cost-query-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;

  display:grid;
  place-items:center;

  border-radius:11px;
  color:#fff;

  background:linear-gradient(145deg,rgba(114,101,239,.72),rgba(88,215,221,.42));
  box-shadow:0 10px 25px rgba(114,101,239,.13);
}

.daisy-cost-query-icon svg{
  width:19px;
  height:19px;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.daisy-cost-query small,
.daisy-cost-option small{
  display:block;
  color:rgba(255,255,255,.32);
  font-size:8.5px;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.10em;
}

.daisy-cost-query strong{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.76);
  font-size:11px;
  line-height:1.25;
  font-weight:600;
}

.daisy-cost-engine{
  min-height:92px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;

  padding:12px;

  border-color:rgba(114,101,239,.20);
  background:
    radial-gradient(circle at 68% 20%,rgba(88,215,221,.11),transparent 42%),
    rgba(114,101,239,.075);

  box-shadow:0 0 32px rgba(114,101,239,.055);
}

.daisy-cost-engine-mark{
  display:flex;
  align-items:center;
  gap:7px;

  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}

.daisy-cost-engine-mark i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--d-gradient);
  box-shadow:0 0 16px rgba(88,215,221,.34);
}

.daisy-cost-engine span{
  color:rgba(255,255,255,.38);
  font-size:8.8px;
  line-height:1.25;
  text-align:center;
}

.daisy-cost-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}

.daisy-cost-option{
  min-height:92px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:12px;
}

.daisy-cost-option-economy{
  border-color:rgba(88,215,221,.14);
  background:linear-gradient(145deg,rgba(88,215,221,.055),rgba(255,255,255,.018));
}

.daisy-cost-option-power{
  border-color:rgba(114,101,239,.16);
  background:linear-gradient(145deg,rgba(114,101,239,.065),rgba(255,255,255,.018));
}

.daisy-cost-option strong{
  display:block;
  margin-top:6px;

  color:rgba(255,255,255,.82);
  font-size:10.5px;
  line-height:1.22;
  font-weight:700;
}

.daisy-cost-option span{
  display:block;
  margin-top:5px;

  color:rgba(255,255,255,.34);
  font-size:8.8px;
  line-height:1.2;
}

/* A tiny moving highlight makes the routing feel alive without being flashy. */
.daisy-cost-engine::after{
  content:"";
  position:absolute;
  right:-5px;
  top:50%;

  width:8px;
  height:8px;
  transform:translate(50%,-50%);

  border-radius:50%;
  background:#58D7DD;
  box-shadow:0 0 15px rgba(88,215,221,.55);

  animation:daisyRoutePulse 2.4s ease-in-out infinite;
}

@keyframes daisyRoutePulse{
  0%,100%{opacity:.34; transform:translate(50%,-50%) scale(.72);}
  50%{opacity:1; transform:translate(50%,-50%) scale(1);}
}

/* Title now follows the diagram, so separate the two clearly. */
.daisy-price-copy > h3{
  margin-top:0 !important;
}


/* ------------------------------------------
   SAVINGS CAPTION — TIGHTER TWO-LINE RHYTHM
   ------------------------------------------ */

.daisy-saving-caption strong{
  line-height:1.16 !important;
}

.daisy-saving-caption span{
  margin-top:2px !important;
  line-height:1.20 !important;
}


/* ------------------------------------------
   RESPONSIVE
   ------------------------------------------ */

@media(max-width:1050px){

  .daisy-site .daisy-eyebrow{
    font-size:13.5px !important;
  }

  .daisy-cost-logic{
    max-width:100%;
  }

  .daisy-cost-flow{
    grid-template-columns:minmax(125px,.8fr) minmax(110px,.72fr) minmax(210px,1.3fr);
  }
}

@media(max-width:700px){

  .daisy-site .daisy-eyebrow{
    font-size:12.5px !important;
    line-height:1.25;
    letter-spacing:.13em;
  }

  .daisy-how-number-value{
    font-size:38px;
    line-height:1.10 !important;
    padding-bottom:.10em;
  }

  .daisy-cost-logic{
    min-height:0;
    margin-bottom:30px;
    padding:15px;
    border-radius:19px;
  }

  .daisy-cost-logic-head{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .daisy-cost-logic-head small{
    text-align:left;
  }

  .daisy-cost-flow{
    grid-template-columns:1fr;
    gap:9px;
  }

  .daisy-cost-flow::before,
  .daisy-cost-engine::after{
    display:none;
  }

  .daisy-cost-query,
  .daisy-cost-engine{
    min-height:72px;
  }

  .daisy-cost-options{
    grid-template-columns:1fr 1fr;
  }

  .daisy-cost-option{
    min-height:78px;
  }
}

@media(prefers-reduced-motion:reduce){
  .daisy-cost-engine::after{
    animation:none;
  }
}



/* ==========================================
   V43 — HERO + METRICS AS ONE CONTINUOUS STAGE
   ========================================== */

/*
  Metrics are now physically INSIDE .daisy-hero.
  No second background, no seam, no dark/teal strip.
*/
.daisy-hero{
  display:block !important;

  min-height:0 !important;

  padding-top:148px !important;
  padding-bottom:76px !important;

  background:
    radial-gradient(circle at 78% 29%,rgba(114,101,239,.20),transparent 29%),
    radial-gradient(circle at 67% 62%,rgba(88,215,221,.13),transparent 28%),
    radial-gradient(circle at 18% 92%,rgba(76,112,185,.07),transparent 24%),
    #111119 !important;
}

/* Put the large brand ring behind the metrics instead of cutting it at the seam */
.daisy-hero::before{
  width:760px !important;
  height:760px !important;

  left:-405px !important;
  bottom:-330px !important;

  border-width:78px !important;

  background:
    linear-gradient(#111119,#111119) padding-box,
    var(--d-gradient) border-box !important;

  opacity:.52 !important;
}

.daisy-hero-grid{
  position:relative;
  z-index:3;
}

/* The actual metrics row now lives inside hero */
.daisy-hero-metrics{
  position:relative;
  z-index:4;

  margin-top:72px !important;
  margin-bottom:0 !important;

  transform:none !important;
}

/* Kill any old "separate metrics section" visual assumptions */
.daisy-hero .daisy-metrics-grid{
  background:transparent !important;
}

/* Compact premium cards */
.daisy-hero .daisy-metric{
  min-height:188px !important;

  grid-template-rows:auto 64px auto !important;

  padding:21px 22px 21px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.985),
      rgba(248,249,252,.965)
    ) !important;

  box-shadow:
    0 22px 54px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.daisy-hero .daisy-metric::before{
  left:22px !important;
  right:22px !important;
}

/* Values keep a fixed visual zone, so all captions align */
.daisy-hero .daisy-metric strong{
  min-height:64px !important;

  margin-top:13px !important;
  padding-bottom:.14em !important;

  align-items:center !important;

  line-height:1.10 !important;

  overflow:visible !important;
}

.daisy-hero .daisy-metric strong.daisy-metric-long{
  white-space:nowrap !important;

  font-size:clamp(30px,2.25vw,42px) !important;
  letter-spacing:-.055em !important;
}

/* Same caption baseline in all four cards */
.daisy-hero .daisy-metric span{
  margin-top:14px !important;

  font-size:13.5px !important;
  line-height:1.38 !important;

  color:#535565 !important;
  font-weight:500 !important;
}

/* Keep metadata compact */
.daisy-hero .daisy-metric-kicker{
  font-size:9.5px !important;
}

.daisy-hero .daisy-metric-index{
  font-size:10px !important;
}


/* Tablet */
@media(max-width:1050px){

  .daisy-hero{
    padding-bottom:64px !important;
  }

  .daisy-hero-metrics{
    margin-top:58px !important;
  }

  .daisy-hero .daisy-metric{
    min-height:180px !important;
  }

  .daisy-hero::before{
    width:660px !important;
    height:660px !important;

    left:-365px !important;
    bottom:-285px !important;

    border-width:68px !important;
  }
}


/* Mobile */
@media(max-width:700px){

  .daisy-hero{
    padding-bottom:50px !important;

    background:
      radial-gradient(circle at 80% 24%,rgba(114,101,239,.17),transparent 28%),
      radial-gradient(circle at 48% 71%,rgba(88,215,221,.09),transparent 25%),
      #111119 !important;
  }

  .daisy-hero-metrics{
    margin-top:44px !important;
  }

  .daisy-hero::before{
    width:480px !important;
    height:480px !important;

    left:-330px !important;
    bottom:-190px !important;

    border-width:54px !important;

    opacity:.42 !important;
  }

  .daisy-hero .daisy-metric{
    min-height:164px !important;

    grid-template-rows:auto 58px auto !important;

    padding:19px 20px !important;
  }

  .daisy-hero .daisy-metric strong{
    min-height:58px !important;

    margin-top:12px !important;

    font-size:40px !important;
  }

  .daisy-hero .daisy-metric strong.daisy-metric-long{
    font-size:34px !important;
    white-space:normal !important;
  }

  .daisy-hero .daisy-metric span{
    margin-top:12px !important;
    font-size:13.5px !important;
  }
}




/* ==========================================
   V44 — METRIC TYPE ALIGNMENT
   Same value size + lower content position
   ========================================== */

@media(min-width:701px){

  /* Keep all four metric values visually identical in size */
  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    font-size:38px !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;

    min-height:58px !important;

    margin-top:27px !important;
    padding-bottom:.08em !important;

    display:flex;
    align-items:flex-end !important;

    white-space:nowrap !important;
    overflow:visible !important;
  }

  /* Lower the supporting copy as a group as well */
  .daisy-hero .daisy-metric span{
    margin-top:20px !important;

    font-size:13.5px !important;
    line-height:1.4 !important;
  }

  /* Slightly more breathing room under the top metadata */
  .daisy-hero .daisy-metric{
    grid-template-rows:auto 72px auto !important;
  }
}


/* Tablet — same hierarchy, slightly tighter */
@media(min-width:701px) and (max-width:1050px){

  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    font-size:34px !important;
    min-height:54px !important;
    margin-top:24px !important;
  }

  .daisy-hero .daisy-metric span{
    margin-top:17px !important;
  }

  .daisy-hero .daisy-metric{
    grid-template-rows:auto 66px auto !important;
  }
}


/* Phone — keep cards compact and readable */
@media(max-width:700px){

  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    font-size:34px !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;

    min-height:50px !important;

    margin-top:20px !important;
    padding-bottom:.08em !important;

    display:flex;
    align-items:flex-end !important;

    white-space:normal !important;
    overflow:visible !important;
  }

  .daisy-hero .daisy-metric span{
    margin-top:15px !important;
  }

  .daisy-hero .daisy-metric{
    grid-template-rows:auto 58px auto !important;
  }
}




/* ==========================================
   V45 — COMPACT METRIC CARDS
   Slightly lower overall height, same alignment.
   ========================================== */

@media(min-width:1051px){

  .daisy-hero .daisy-metric{
    min-height:162px !important;
    padding:18px 22px 18px !important;

    grid-template-rows:auto 58px auto !important;
  }

  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    min-height:50px !important;

    margin-top:18px !important;
    padding-bottom:.05em !important;

    font-size:38px !important;
  }

  .daisy-hero .daisy-metric span{
    margin-top:12px !important;

    font-size:13.5px !important;
    line-height:1.35 !important;
  }

}


@media(min-width:701px) and (max-width:1050px){

  .daisy-hero .daisy-metric{
    min-height:154px !important;
    padding:17px 20px 17px !important;

    grid-template-rows:auto 54px auto !important;
  }

  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    min-height:47px !important;

    margin-top:16px !important;

    font-size:34px !important;
  }

  .daisy-hero .daisy-metric span{
    margin-top:11px !important;
  }

}


@media(max-width:700px){

  .daisy-hero .daisy-metric{
    min-height:148px !important;
    padding:17px 18px !important;

    grid-template-rows:auto 50px auto !important;
  }

  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    min-height:44px !important;

    margin-top:15px !important;

    font-size:33px !important;
  }

  .daisy-hero .daisy-metric span{
    margin-top:10px !important;
    font-size:13px !important;
  }

}




/* ==========================================
   V46 — HERO HEADLINE REBALANCE
   ========================================== */

.daisy-hero h1{
  max-width:720px !important;
  line-height:1.035 !important;
  letter-spacing:-.042em !important;
}

.daisy-hero .daisy-headline-line + .daisy-headline-line{
  margin-top:.045em !important;
}

.daisy-hero .daisy-headline-line.daisy-gradient-text{
  margin-top:.14em !important;
}

@media(max-width:1050px){
  .daisy-hero h1{
    max-width:650px !important;
  }
}

@media(max-width:700px){
  .daisy-hero h1{
    max-width:100% !important;
    line-height:1.04 !important;
  }
}




/* ==========================================
   V47 — HERO TABLET / 50–50 / TYPOGRAPHY FIX
   ========================================== */

/* Prevent Czech one-letter preposition orphan in the hero lead */
.daisy-keep-together{
  white-space:nowrap;
}

.daisy-hero-lead{
  text-wrap:pretty;
}


/* Desktop composition: genuinely close to 50 / 50 */
@media(min-width:1061px){

  .daisy-hero-grid{
    grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr) !important;
    gap:48px !important;
  }

  .daisy-hero-visual{
    width:min(100%,760px) !important;
    justify-self:end !important;

    padding:28px 0 48px !important;
  }

}


/* ------------------------------------------
   TABLET DEVICE MOCKUP
   ------------------------------------------ */

.daisy-tablet{
  position:relative;
  z-index:2;

  width:100%;

  transform:
    perspective(1300px)
    rotateY(-1.2deg)
    rotateX(.6deg);

  transform-origin:center;

  transition:
    transform .65s cubic-bezier(.22,1,.36,1),
    filter .45s ease;
}

.daisy-hero-visual:hover .daisy-tablet{
  transform:
    perspective(1300px)
    rotateY(0deg)
    rotateX(0deg)
    translateY(-3px);

  filter:drop-shadow(0 30px 48px rgba(0,0,0,.16));
}

.daisy-tablet-shell{
  position:relative;

  width:100%;

  padding:15px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.15);
  border-radius:34px;

  background:
    linear-gradient(
      145deg,
      #30323c 0%,
      #151720 18%,
      #090a0f 56%,
      #191b25 100%
    );

  box-shadow:
    0 42px 105px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 0 1px rgba(0,0,0,.35);
}

.daisy-tablet-shell::after{
  content:"";
  position:absolute;
  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      125deg,
      rgba(255,255,255,.055),
      transparent 18%,
      transparent 76%,
      rgba(88,215,221,.025)
    );
}

.daisy-tablet-camera{
  position:absolute;
  z-index:5;

  left:50%;
  top:5px;

  width:6px;
  height:6px;

  transform:translateX(-50%);

  border-radius:50%;

  background:#05060a;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.055),
    0 0 7px rgba(88,215,221,.04);
}

.daisy-tablet-ui{
  position:relative;
  z-index:2;

  min-height:400px !important;

  grid-template-columns:154px minmax(0,1fr) !important;

  border-radius:22px !important;
}


/* ------------------------------------------
   PRODUCT UI — LARGE ENOUGH TO ACTUALLY READ
   ------------------------------------------ */

.daisy-tablet-ui .daisy-product-sidebar{
  padding:16px 11px !important;
}

.daisy-tablet-ui .daisy-product-sidebar-head{
  gap:9px !important;
  margin-bottom:13px !important;

  font-size:10.5px !important;
}

.daisy-product-mark-symbol{
  width:28px !important;
  height:28px !important;

  flex:0 0 28px;

  padding:5px !important;

  border-radius:9px !important;
}

.daisy-product-mark-symbol img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.daisy-tablet-ui .daisy-product-search{
  margin-bottom:13px !important;
  padding:8px 9px !important;

  font-size:9px !important;
}

.daisy-tablet-ui .daisy-product-group{
  margin:10px 6px 6px !important;

  font-size:7.5px !important;
}

.daisy-tablet-ui .daisy-product-row{
  gap:8px !important;

  padding:8px 8px !important;

  font-size:9px !important;
  line-height:1.2 !important;
}

.daisy-tablet-ui .daisy-product-row i{
  width:8px !important;
  height:8px !important;

  flex-basis:8px !important;
}

.daisy-tablet-ui .daisy-product-toolbar{
  min-height:48px !important;

  padding:11px 14px !important;

  font-size:10.5px !important;
}

.daisy-tablet-ui .daisy-product-toolbar-chips{
  gap:5px !important;
}

.daisy-tablet-ui .daisy-product-toolbar-chips span{
  padding:5px 8px !important;

  font-size:7.5px !important;
}

.daisy-tablet-ui .daisy-product-answer{
  padding:20px 21px 18px !important;
}

.daisy-tablet-ui .daisy-product-question{
  padding:12px 13px !important;

  font-size:10.5px !important;
  line-height:1.4 !important;
}

.daisy-tablet-ui .daisy-product-question span{
  margin-bottom:5px !important;

  font-size:7px !important;
}

.daisy-tablet-ui .daisy-product-result-label{
  margin-top:15px !important;
  padding:5px 8px !important;

  font-size:7px !important;
}

.daisy-tablet-ui .daisy-product-answer h4{
  max-width:390px !important;
  margin-top:10px !important;

  font-size:14px !important;
  line-height:1.18 !important;
}

.daisy-tablet-ui .daisy-product-answer > p{
  max-width:430px !important;
  margin-top:8px !important;

  font-size:9px !important;
  line-height:1.52 !important;
}

.daisy-tablet-ui .daisy-product-code{
  margin-top:13px !important;
  padding:11px 12px !important;

  font-size:8px !important;
  line-height:1.62 !important;
}

.daisy-tablet-ui .daisy-product-code span{
  width:22px !important;
}

.daisy-tablet-ui .daisy-product-composer{
  margin-top:13px !important;
  padding:9px 9px 9px 12px !important;

  font-size:8.5px !important;
}

.daisy-tablet-ui .daisy-product-composer button{
  width:27px !important;
  height:27px !important;

  font-size:12px !important;
}


/* ------------------------------------------
   FLOATING BENEFIT CARDS
   ------------------------------------------ */

.daisy-float-card{
  position:absolute;
  z-index:6;

  width:300px;

  display:grid;
  grid-template-columns:44px 1fr;
  gap:13px;
  align-items:start;

  padding:17px 18px;

  border:1px solid rgba(255,255,255,.13);
  border-radius:19px;

  background:
    linear-gradient(
      135deg,
      rgba(31,31,44,.91),
      rgba(17,18,28,.85)
    );

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

  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.06);

  transition:
    transform .4s cubic-bezier(.22,1,.36,1),
    border-color .35s ease,
    box-shadow .4s ease;
}

.daisy-float-card:hover{
  transform:translateY(-4px);

  border-color:rgba(114,101,239,.30);

  box-shadow:
    0 30px 68px rgba(0,0,0,.35),
    0 0 25px rgba(114,101,239,.07);
}

.daisy-float-icon{
  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  border-radius:13px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.96),
      rgba(88,215,221,.84)
    );

  box-shadow:
    0 12px 28px rgba(114,101,239,.20);
}

.daisy-float-icon svg{
  width:21px;
  height:21px;

  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.daisy-float-card span{
  display:block;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:15px;
  line-height:1.18;
  font-weight:600;
}

.daisy-float-card p{
  margin-top:6px;

  color:rgba(255,255,255,.58);

  font-size:12.5px;
  line-height:1.42;
}

.daisy-memory-card{
  left:-30px !important;
  bottom:5px !important;

  width:310px !important;
}

.daisy-audience-card{
  right:-18px;
  top:4px;

  width:292px;
}


/* Tablet glow becomes a little larger with the larger product visual */
.daisy-hero-visual::before{
  width:560px !important;
  height:560px !important;

  transform:translate(-48%,-48%) !important;
}


/* ------------------------------------------
   TABLET RESPONSIVE
   ------------------------------------------ */

@media(max-width:1060px){

  .daisy-hero-grid{
    grid-template-columns:1fr !important;
    gap:48px !important;
  }

  .daisy-hero-visual{
    width:min(100%,760px) !important;
    justify-self:center !important;

    margin-top:8px;
    padding:22px 18px 56px !important;
  }

  .daisy-memory-card{
    left:0 !important;
    bottom:2px !important;
  }

  .daisy-audience-card{
    right:0;
    top:4px;
  }

}


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

@media(max-width:700px){

  .daisy-keep-together{
    white-space:nowrap;
  }

  .daisy-hero-visual{
    padding:18px 0 0 !important;
  }

  .daisy-tablet{
    transform:none !important;
  }

  .daisy-tablet-shell{
    padding:9px !important;

    border-radius:22px !important;
  }

  .daisy-tablet-ui{
    min-height:300px !important;
    grid-template-columns:72px minmax(0,1fr) !important;

    border-radius:15px !important;
  }

  .daisy-tablet-ui .daisy-product-sidebar{
    padding:10px 7px !important;
  }

  .daisy-tablet-ui .daisy-product-sidebar-head{
    justify-content:center;

    margin-bottom:10px !important;
  }

  .daisy-tablet-ui .daisy-product-sidebar-head strong,
  .daisy-tablet-ui .daisy-product-search,
  .daisy-tablet-ui .daisy-product-group{
    display:none !important;
  }

  .daisy-product-mark-symbol{
    width:30px !important;
    height:30px !important;
  }

  .daisy-tablet-ui .daisy-product-row{
    justify-content:center;

    padding:9px 4px !important;
  }

  .daisy-tablet-ui .daisy-product-row span{
    display:none !important;
  }

  .daisy-tablet-ui .daisy-product-row i{
    width:9px !important;
    height:9px !important;
    flex-basis:9px !important;
  }

  .daisy-tablet-ui .daisy-product-toolbar{
    min-height:42px !important;

    padding:9px 10px !important;

    font-size:9px !important;
  }

  .daisy-tablet-ui .daisy-product-toolbar-chips span{
    padding:4px 6px !important;
    font-size:6px !important;
  }

  .daisy-tablet-ui .daisy-product-answer{
    padding:12px !important;
  }

  .daisy-tablet-ui .daisy-product-question{
    font-size:8px !important;
  }

  .daisy-tablet-ui .daisy-product-answer h4{
    font-size:11px !important;
  }

  .daisy-tablet-ui .daisy-product-answer > p{
    font-size:7px !important;
  }

  .daisy-tablet-ui .daisy-product-code{
    font-size:6.2px !important;
  }

  .daisy-tablet-ui .daisy-product-composer{
    font-size:7px !important;
  }


  /* On phone the floating cards become a clean stack below the tablet */
  .daisy-float-card,
  .daisy-memory-card,
  .daisy-audience-card{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;

    margin-top:12px;

    grid-template-columns:40px 1fr;

    padding:15px 16px;
  }

  .daisy-float-icon{
    width:40px;
    height:40px;
  }

  .daisy-float-card span{
    font-size:14px;
  }

  .daisy-float-card p{
    font-size:12px;
  }

}


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

  .daisy-tablet,
  .daisy-float-card{
    transition:none !important;
  }

}




/* ==========================================
   V48 — DAISY PRODUCT UI: CLOSER TO THE REAL APP
   Same information architecture, DAISY web-brand colors.
   ========================================== */

/* Three-column architecture:
   app rail / conversations / main workspace */
.daisy-tablet-ui{
  min-height:430px !important;

  grid-template-columns:
    42px
    174px
    minmax(0,1fr) !important;

  background:#18191d !important;

  font-family:Inter,Arial,sans-serif;
}


/* ------------------------------------------
   LEFT APP RAIL
   ------------------------------------------ */

.daisy-app-rail{
  display:flex;
  flex-direction:column;
  align-items:center;

  min-width:0;

  padding:9px 6px;

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

  background:#111218;
}

.daisy-app-brandtile{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  padding:6px;

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

  background:#20222b;

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

/* Explicitly NO gradient behind the DAISY symbol */
.daisy-app-brandtile img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}

.daisy-app-rail-spacer{
  height:10px;
}

.daisy-app-rail-grow{
  flex:1;
}

.daisy-app-rail-btn{
  width:31px;
  height:31px;

  display:grid;
  place-items:center;

  margin-top:4px;

  border:1px solid transparent;
  border-radius:9px;

  color:rgba(255,255,255,.38);

  background:transparent;
}

.daisy-app-rail-btn svg{
  width:15px;
  height:15px;

  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.daisy-app-rail-btn.is-active{
  color:#fff;

  border-color:rgba(114,101,239,.22);

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.24),
      rgba(88,215,221,.10)
    );

  box-shadow:
    0 6px 18px rgba(114,101,239,.09);
}


/* ------------------------------------------
   CONVERSATION SIDEBAR
   ------------------------------------------ */

.daisy-tablet-ui .daisy-product-sidebar{
  padding:13px 10px !important;

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

  background:#1b1c21 !important;
}

.daisy-tablet-ui .daisy-product-sidebar-head{
  justify-content:space-between;

  margin-bottom:11px !important;

  color:rgba(255,255,255,.64);

  font-size:9.5px !important;
  letter-spacing:.035em;
}

.daisy-sidebar-actions{
  display:flex;
  gap:5px;
}

.daisy-sidebar-actions span{
  width:21px;
  height:21px;

  display:grid;
  place-items:center;

  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;

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

  font-size:10px;
  line-height:1;
}

.daisy-tablet-ui .daisy-product-search{
  display:flex;
  align-items:center;
  gap:7px;

  margin-bottom:12px !important;
  padding:8px 9px !important;

  border-color:rgba(255,255,255,.075) !important;

  color:rgba(255,255,255,.36) !important;
  background:#16171b !important;

  font-size:9.5px !important;
}

.daisy-product-search > span{
  font-size:12px;
  line-height:1;
}

.daisy-tablet-ui .daisy-product-group{
  margin:11px 7px 5px !important;

  color:rgba(255,255,255,.31) !important;

  font-size:7.5px !important;
  letter-spacing:.10em !important;
}

.daisy-tablet-ui .daisy-product-row{
  gap:8px !important;

  margin-top:2px;
  padding:8px 8px !important;

  border-radius:7px !important;

  color:rgba(255,255,255,.61) !important;

  font-size:9.5px !important;
  line-height:1.18 !important;
}

.daisy-tablet-ui .daisy-product-row i{
  width:8px !important;
  height:8px !important;

  flex-basis:8px !important;

  background:
    linear-gradient(
      135deg,
      #7265EF,
      #58D7DD
    ) !important;
}

.daisy-tablet-ui .daisy-product-row.is-active{
  color:#16171c !important;

  border-color:rgba(255,255,255,.42) !important;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.96),
      rgba(238,241,248,.92)
    ) !important;

  box-shadow:
    0 5px 15px rgba(0,0,0,.13);
}


/* ------------------------------------------
   MAIN WORKSPACE
   ------------------------------------------ */

.daisy-tablet-ui .daisy-product-workspace{
  display:flex;
  flex-direction:column;

  background:#202124 !important;
}

.daisy-tablet-ui .daisy-product-toolbar{
  min-height:43px !important;

  padding:8px 11px !important;

  background:#17181c;

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

  font-size:10px !important;
}

.daisy-product-title{
  min-width:0;

  display:flex;
  align-items:center;
  gap:7px;

  color:rgba(255,255,255,.87);
}

.daisy-toolbar-chat-icon{
  color:rgba(255,255,255,.48);
}

.daisy-tablet-ui .daisy-product-toolbar-chips{
  gap:5px !important;

  flex-wrap:nowrap;
}

.daisy-tablet-ui .daisy-product-toolbar-chips span{
  padding:5px 7px !important;

  border-color:rgba(255,255,255,.09) !important;

  color:rgba(255,255,255,.68) !important;
  background:#202126 !important;

  font-size:7.5px !important;
}

.daisy-tablet-ui .daisy-product-toolbar-chips span:nth-child(1){
  border-color:rgba(88,215,221,.16) !important;
  background:rgba(88,215,221,.065) !important;
}

.daisy-tablet-ui .daisy-product-toolbar-chips span:nth-child(2){
  border-color:rgba(114,101,239,.18) !important;
  background:rgba(114,101,239,.075) !important;
}

.daisy-tablet-ui .daisy-product-toolbar-chips .is-agent{
  color:#cfcaff !important;

  border-color:rgba(114,101,239,.25) !important;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.13),
      rgba(88,215,221,.045)
    ) !important;
}


/* Main response is intentionally brighter/larger than before */
.daisy-tablet-ui .daisy-product-answer{
  flex:1;

  display:flex;
  flex-direction:column;

  min-height:0;

  padding:17px 17px 13px !important;

  background:#202124;
}

.daisy-product-copy{
  flex:1;
  min-height:0;

  overflow:hidden;
}

.daisy-tablet-ui .daisy-product-copy h4{
  max-width:none !important;

  margin:0 0 8px !important;

  color:#f1f1f2;

  font-size:13.5px !important;
  line-height:1.24 !important;
  font-weight:700;
}

.daisy-tablet-ui .daisy-product-copy > p{
  max-width:none !important;

  margin:7px 0 !important;

  color:rgba(255,255,255,.72) !important;

  font-size:9.5px !important;
  line-height:1.46 !important;
}

.daisy-product-conditions{
  margin:7px 0 0;
  padding-left:18px;

  color:rgba(255,255,255,.76);

  font-size:9.5px;
  line-height:1.48;
}

.daisy-product-conditions li + li{
  margin-top:3px;
}

.daisy-tablet-ui .daisy-product-code{
  margin-top:10px !important;
  padding:9px 11px !important;

  border-color:rgba(88,215,221,.11) !important;

  color:rgba(255,255,255,.68) !important;
  background:#191b1d !important;

  font-size:8.5px !important;
  line-height:1.55 !important;
}

.daisy-tablet-ui .daisy-product-code span{
  width:24px !important;

  color:rgba(255,255,255,.26);
}

.daisy-tablet-ui .daisy-product-code b{
  color:#58D7DD !important;
}

.daisy-tablet-ui .daisy-product-code em{
  color:#958bf7 !important;
}

.daisy-product-copy h5{
  margin-top:10px;

  color:rgba(255,255,255,.88);

  font-size:10px;
  line-height:1.2;
  font-weight:700;
}


/* Context meter like the real DAISY UI */
.daisy-product-contextbar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:9px;

  margin:8px -17px 0;
  padding:7px 12px;

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

  color:rgba(255,255,255,.41);

  font-size:7.5px;
}

.daisy-context-progress{
  height:3px;

  overflow:hidden;

  border-radius:999px;

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

.daisy-context-progress i{
  display:block;

  width:31%;
  height:100%;

  border-radius:inherit;

  background:linear-gradient(90deg,#7265EF,#58D7DD);
}

.daisy-product-contextbar b{
  font-weight:500;
}


/* Composer is now a real two-row product input */
.daisy-tablet-ui .daisy-product-composer{
  display:block !important;

  margin-top:8px !important;
  padding:0 !important;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:11px !important;

  color:rgba(255,255,255,.37) !important;
  background:#1b1c20 !important;
}

.daisy-composer-main{
  min-height:34px;

  padding:10px 11px 7px;

  font-size:8.5px;
  line-height:1.3;
}

.daisy-composer-bottom{
  display:flex;
  align-items:center;
  gap:6px;

  padding:5px 7px 7px;

  color:rgba(255,255,255,.42);

  font-size:9px;
}

.daisy-composer-chip{
  padding:4px 7px;

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

  color:rgba(255,255,255,.67);

  background:#24262c;

  font-size:7px;
  font-weight:600;
}

.daisy-composer-bottom button{
  width:25px !important;
  height:25px !important;

  margin-left:auto;

  border-radius:8px !important;

  background:
    linear-gradient(
      145deg,
      #7265EF,
      #58D7DD
    ) !important;

  color:#fff !important;

  font-size:11px !important;
}


/* ------------------------------------------
   TABLET / MOBILE
   ------------------------------------------ */

@media(max-width:1060px){

  .daisy-tablet-ui{
    min-height:420px !important;

    grid-template-columns:
      40px
      168px
      minmax(0,1fr) !important;
  }

}


@media(max-width:700px){

  /* On phone, preserve the REAL DAISY hierarchy but simplify it */
  .daisy-tablet-ui{
    min-height:315px !important;

    grid-template-columns:
      34px
      78px
      minmax(0,1fr) !important;
  }

  .daisy-app-rail{
    padding:7px 3px;
  }

  .daisy-app-brandtile,
  .daisy-app-rail-btn{
    width:27px;
    height:27px;

    border-radius:8px;
  }

  .daisy-tablet-ui .daisy-product-sidebar{
    padding:8px 6px !important;
  }

  .daisy-tablet-ui .daisy-product-sidebar-head{
    justify-content:center;
  }

  .daisy-tablet-ui .daisy-product-sidebar-head strong,
  .daisy-sidebar-actions,
  .daisy-tablet-ui .daisy-product-search,
  .daisy-tablet-ui .daisy-product-group{
    display:none !important;
  }

  .daisy-tablet-ui .daisy-product-row{
    justify-content:center;

    padding:8px 3px !important;
  }

  .daisy-tablet-ui .daisy-product-row span{
    display:none !important;
  }

  .daisy-tablet-ui .daisy-product-row i{
    width:9px !important;
    height:9px !important;
  }

  .daisy-tablet-ui .daisy-product-toolbar{
    min-height:37px !important;

    padding:7px 8px !important;
  }

  .daisy-product-title{
    font-size:8px;
  }

  .daisy-tablet-ui .daisy-product-toolbar-chips span:nth-child(1),
  .daisy-tablet-ui .daisy-product-toolbar-chips span:nth-child(2){
    display:none;
  }

  .daisy-tablet-ui .daisy-product-answer{
    padding:10px !important;
  }

  .daisy-tablet-ui .daisy-product-copy h4{
    font-size:10.5px !important;
  }

  .daisy-tablet-ui .daisy-product-copy > p,
  .daisy-product-conditions{
    font-size:7px !important;
  }

  .daisy-product-conditions{
    padding-left:13px;
  }

  .daisy-tablet-ui .daisy-product-code{
    font-size:6.1px !important;
    padding:7px !important;
  }

  .daisy-product-copy h5{
    display:none;
  }

  .daisy-product-contextbar{
    margin-left:-10px;
    margin-right:-10px;

    font-size:5.8px;
  }

  .daisy-composer-main{
    font-size:6.5px;
  }

  .daisy-composer-chip{
    font-size:5.8px;
  }

}




/* ==========================================
   V49 — HERO SPACING + COMPOSER ARROW OPTICAL FIX
   ========================================== */

/* Give the floating navigation a little more breathing room
   before the actual hero content starts. */
.daisy-hero{
  padding-top:184px !important;
}


/* The ↑ glyph is mathematically centered by the browser,
   but optically it sits too low because of its font metrics.
   Render it through a pseudo-element so only the arrow moves,
   not the gradient button itself. */
.daisy-composer-bottom button{
  position:relative !important;

  display:grid !important;
  place-items:center !important;

  padding:0 !important;

  font-size:0 !important;
  line-height:1 !important;
}

.daisy-composer-bottom button::before{
  content:"↑";

  display:block;

  color:#fff;

  font-family:Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1;

  transform:translateY(-2px);
}


/* Tablet */
@media(max-width:1060px){

  .daisy-hero{
    padding-top:174px !important;
  }

}


/* Phone */
@media(max-width:700px){

  .daisy-hero{
    padding-top:160px !important;
  }

  .daisy-composer-bottom button::before{
    font-size:14px;
    transform:translateY(-1.5px);
  }

}




/* ==========================================
   V50 — SIMPLE PRODUCT EXAMPLE + SINGLE ARROW
   ========================================== */

/* One single arrow only, optically centered */
.daisy-composer-bottom button{
  position:relative !important;

  display:grid !important;
  place-items:center !important;

  padding:0 !important;

  font-size:0 !important;
  line-height:1 !important;
}

.daisy-composer-bottom button::before{
  content:"↑" !important;

  position:relative;
  top:-1px;

  display:block;

  color:#fff;

  font-family:Arial,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1;
}


/* Simpler real-world DAISY answer */
.daisy-product-summary{
  display:grid;
  gap:7px;

  margin-top:10px;
}

.daisy-product-summary-item{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:8px;
  align-items:start;

  padding:8px 9px;

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

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.028),
      rgba(255,255,255,.012)
    );
}

.daisy-product-summary-check{
  width:20px;
  height:20px;

  display:grid;
  place-items:center;

  border-radius:6px;

  color:#58D7DD;

  background:rgba(88,215,221,.075);

  font-size:10px;
  font-weight:700;
}

.daisy-product-summary-item strong{
  display:block;

  color:rgba(255,255,255,.88);

  font-size:9.2px;
  line-height:1.34;
  font-weight:600;
}

.daisy-product-summary-item small{
  display:block;

  margin-top:3px;

  color:rgba(255,255,255,.38);

  font-size:7.3px;
  line-height:1.3;
}

.daisy-product-answer-note{
  margin-top:9px;
  padding:9px 10px;

  border:1px solid rgba(114,101,239,.15);
  border-radius:9px;

  color:rgba(255,255,255,.62);

  background:
    linear-gradient(
      135deg,
      rgba(114,101,239,.095),
      rgba(88,215,221,.035)
    );

  font-size:8.3px;
  line-height:1.45;
}

.daisy-product-answer-note span{
  display:block;

  margin-bottom:4px;

  color:#fff;

  font-size:8px;
  font-weight:700;
}


/* Tablet */
@media(max-width:1060px){

  .daisy-product-summary-item strong{
    font-size:9px;
  }

}


/* Phone */
@media(max-width:700px){

  .daisy-composer-bottom button::before{
    top:-1px;

    font-size:14px;
  }

  .daisy-product-summary{
    gap:5px;
  }

  .daisy-product-summary-item{
    grid-template-columns:17px minmax(0,1fr);

    gap:6px;

    padding:6px 7px;
  }

  .daisy-product-summary-check{
    width:17px;
    height:17px;

    font-size:8px;
  }

  .daisy-product-summary-item strong{
    font-size:7px;
  }

  .daisy-product-summary-item small{
    font-size:5.8px;
  }

  .daisy-product-answer-note{
    padding:7px 8px;

    font-size:6.3px;
  }

  .daisy-product-answer-note span{
    font-size:6.5px;
  }

}




/* ==========================================
   V51 — CONTROLLED HERO METRICS REVEAL
   Prevents tall desktop screens from showing
   half-revealed cards on the first paint.
   ========================================== */

/*
  Metrics are intentionally hidden from the FIRST paint.
  JavaScript reveals the row only when:
  1) the user has started scrolling, AND
  2) the metrics are actually near / inside the viewport.

  This makes the experience consistent across different
  desktop monitor heights.
*/
.daisy-hero-metrics .daisy-metric{
  opacity:0 !important;

  transform:
    translate3d(0,28px,0)
    scale(.982) !important;

  filter:blur(5px);

  pointer-events:none;

  transition:
    opacity .62s ease,
    transform .76s cubic-bezier(.22,1,.36,1),
    filter .58s ease,
    box-shadow .36s ease !important;
}

.daisy-hero-metrics.is-revealed .daisy-metric{
  opacity:1 !important;

  transform:
    translate3d(0,0,0)
    scale(1) !important;

  filter:blur(0);

  pointer-events:auto;
}

/* Intentional stagger */
.daisy-hero-metrics.is-revealed .daisy-metric:nth-child(1){
  transition-delay:0ms !important;
}

.daisy-hero-metrics.is-revealed .daisy-metric:nth-child(2){
  transition-delay:90ms !important;
}

.daisy-hero-metrics.is-revealed .daisy-metric:nth-child(3){
  transition-delay:180ms !important;
}

.daisy-hero-metrics.is-revealed .daisy-metric:nth-child(4){
  transition-delay:270ms !important;
}


/* Once visible, hover remains immediate and crisp */
@media(hover:hover){

  .daisy-hero-metrics.is-revealed .daisy-metric:hover{
    transition-delay:0ms !important;
  }

}


/* Do not animate for users who request reduced motion */
@media(prefers-reduced-motion:reduce){

  .daisy-hero-metrics .daisy-metric{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    pointer-events:auto !important;
    transition:none !important;
  }

}




/* ==========================================
   V52 — SUBTLER PROBLEM CARD RINGS
   ========================================== */

/*
  The corner rings stay as a DAISY brand motif,
  but are pushed into the background so the icon,
  headline and copy remain the visual hierarchy.
*/
.daisy-card::before{
  width:136px !important;
  height:136px !important;

  top:-74px !important;
  right:-66px !important;

  border-width:17px !important;

  opacity:.30 !important;

  filter:
    saturate(.72)
    brightness(1.05);

  transform:rotate(-18deg) scale(1) !important;
}

@media(hover:hover){

  .daisy-card:hover::before{
    opacity:.48 !important;

    transform:
      rotate(-4deg)
      scale(1.035) !important;

    filter:
      saturate(.82)
      brightness(1.03)
      drop-shadow(
        0 8px 18px
        rgba(114,101,239,.07)
      ) !important;
  }

}


/* Tablet — keep it even quieter */
@media(max-width:1050px){

  .daisy-card::before{
    opacity:.27 !important;

    top:-76px !important;
    right:-68px !important;
  }

}


/* Mobile — motif becomes a very subtle detail */
@media(max-width:700px){

  .daisy-card::before{
    width:118px !important;
    height:118px !important;

    top:-67px !important;
    right:-60px !important;

    border-width:15px !important;

    opacity:.23 !important;
  }

}




/* ==========================================
   V53 — RINGS: COLORFUL BUT QUIET
   Keep DAISY purple/cyan saturation,
   reduce only visual dominance.
   ========================================== */

.daisy-card::before{
  width:132px !important;
  height:132px !important;

  top:-76px !important;
  right:-68px !important;

  border-width:16px !important;

  /* Keep the original brand color — no gray/desaturation */
  opacity:.20 !important;
  filter:none !important;

  transform:rotate(-18deg) scale(1) !important;
}

@media(hover:hover){

  .daisy-card:hover::before{
    opacity:.34 !important;

    filter:none !important;

    transform:
      rotate(-10deg)
      scale(1.025) !important;
  }

}

@media(max-width:1050px){

  .daisy-card::before{
    opacity:.18 !important;
  }

}

@media(max-width:700px){

  .daisy-card::before{
    width:114px !important;
    height:114px !important;

    top:-66px !important;
    right:-59px !important;

    border-width:14px !important;

    opacity:.16 !important;
  }

}




/* ==========================================
   V54 — PREMIUM HERO INTRO / COPY RHYTHM / RING SWAP
   ========================================== */

/* ------------------------------------------
   HERO COPY — tighter reading width
   ------------------------------------------ */

.daisy-hero .daisy-hero-lead{
  max-width:520px !important;

  margin-top:26px !important;

  text-wrap:pretty;
}

.daisy-hero .daisy-actions{
  margin-top:40px !important;
}


/* ------------------------------------------
   HERO BACKGROUND RINGS
   Swap their color emphasis + lower left ring
   ------------------------------------------ */

/* LEFT / BOTTOM — now more purple-led */
.daisy-hero::before{
  bottom:-385px !important;

  background:
    linear-gradient(#111119,#111119) padding-box,
    linear-gradient(
      145deg,
      #7265EF 0%,
      #7775F0 48%,
      #58D7DD 100%
    ) border-box !important;

  opacity:.48 !important;

  animation:
    daisyHeroRingLeftIn
    1.25s
    .20s
    cubic-bezier(.22,1,.36,1)
    both;
}


/* RIGHT / TOP — now more cyan-led */
.daisy-hero::after{
  background:
    linear-gradient(#111119,#111119) padding-box,
    linear-gradient(
      325deg,
      #58D7DD 0%,
      #6D91EE 46%,
      #7265EF 100%
    ) border-box !important;

  opacity:.20 !important;

  animation:
    daisyHeroRingRightIn
    1.35s
    .30s
    cubic-bezier(.22,1,.36,1)
    both;
}


/* ------------------------------------------
   PREMIUM FIRST-PAINT ANIMATION
   No JS required.
   ------------------------------------------ */

.daisy-hero .daisy-eyebrow{
  animation:
    daisyHeroCopyIn
    .72s
    .08s
    cubic-bezier(.22,1,.36,1)
    both;
}

.daisy-hero h1{
  animation:
    daisyHeroCopyIn
    .82s
    .16s
    cubic-bezier(.22,1,.36,1)
    both;
}

.daisy-hero .daisy-hero-lead{
  animation:
    daisyHeroCopyIn
    .78s
    .30s
    cubic-bezier(.22,1,.36,1)
    both;
}

.daisy-hero .daisy-actions{
  animation:
    daisyHeroCopyIn
    .72s
    .42s
    cubic-bezier(.22,1,.36,1)
    both;
}


/* Product visual enters from the opposite side */
.daisy-hero .daisy-tablet{
  animation:
    daisyHeroVisualIn
    .95s
    .20s
    cubic-bezier(.22,1,.36,1)
    both;
}


/* Floating cards come in after the device,
   with a restrained stagger. */
.daisy-hero .daisy-memory-card{
  animation:
    daisyHeroFloatIn
    .76s
    .54s
    cubic-bezier(.22,1,.36,1)
    both !important;
}

.daisy-hero .daisy-audience-card{
  animation:
    daisyHeroFloatIn
    .76s
    .66s
    cubic-bezier(.22,1,.36,1)
    both !important;
}


/* ------------------------------------------
   KEYFRAMES
   ------------------------------------------ */

@keyframes daisyHeroCopyIn{

  from{
    opacity:0;

    transform:
      translate3d(0,18px,0);

    filter:blur(4px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0);

    filter:blur(0);
  }

}


@keyframes daisyHeroVisualIn{

  from{
    opacity:0;

    transform:
      perspective(1300px)
      translate3d(26px,14px,0)
      rotateY(-3deg)
      rotateX(1deg)
      scale(.975);

    filter:blur(6px);
  }

  to{
    opacity:1;

    transform:
      perspective(1300px)
      translate3d(0,0,0)
      rotateY(-1.2deg)
      rotateX(.6deg)
      scale(1);

    filter:blur(0);
  }

}


@keyframes daisyHeroFloatIn{

  from{
    opacity:0;

    transform:
      translate3d(0,18px,0)
      scale(.97);

    filter:blur(4px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0)
      scale(1);

    filter:blur(0);
  }

}


@keyframes daisyHeroRingLeftIn{

  from{
    opacity:0;

    transform:
      translate3d(-24px,34px,0)
      scale(.94);
  }

  to{
    opacity:.48;

    transform:
      translate3d(0,0,0)
      scale(1);
  }

}


@keyframes daisyHeroRingRightIn{

  from{
    opacity:0;

    transform:
      translate3d(26px,-22px,0)
      scale(.95);
  }

  to{
    opacity:.20;

    transform:
      translate3d(0,0,0)
      scale(1);
  }

}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1060px){

  .daisy-hero .daisy-hero-lead{
    max-width:570px !important;
  }

  .daisy-hero .daisy-actions{
    margin-top:36px !important;
  }

  .daisy-hero::before{
    bottom:-325px !important;
  }

}


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

@media(max-width:700px){

  .daisy-hero .daisy-hero-lead{
    max-width:31rem !important;

    margin-top:22px !important;
  }

  .daisy-hero .daisy-actions{
    margin-top:32px !important;
  }

  .daisy-hero::before{
    bottom:-215px !important;
  }

  .daisy-hero .daisy-tablet{
    animation-name:daisyHeroVisualMobileIn;
  }

}


@keyframes daisyHeroVisualMobileIn{

  from{
    opacity:0;

    transform:
      translate3d(0,18px,0)
      scale(.98);

    filter:blur(5px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0)
      scale(1);

    filter:blur(0);
  }

}


/* Accessibility / performance */
@media(prefers-reduced-motion:reduce){

  .daisy-hero .daisy-eyebrow,
  .daisy-hero h1,
  .daisy-hero .daisy-hero-lead,
  .daisy-hero .daisy-actions,
  .daisy-hero .daisy-tablet,
  .daisy-hero .daisy-memory-card,
  .daisy-hero .daisy-audience-card,
  .daisy-hero::before,
  .daisy-hero::after{
    animation:none !important;

    opacity:1 !important;
    filter:none !important;
  }

}




/* ==========================================
   V55 — MATCH HERO RING INTENSITY
   Left-bottom ring now visually matches the
   subtle intensity of the top-right ring.
   ========================================== */

.daisy-hero::before{
  opacity:.20 !important;
}

@keyframes daisyHeroRingLeftIn{

  from{
    opacity:0;

    transform:
      translate3d(-24px,34px,0)
      scale(.94);
  }

  to{
    opacity:.20;

    transform:
      translate3d(0,0,0)
      scale(1);
  }

}

@media(max-width:700px){

  .daisy-hero::before{
    opacity:.18 !important;
  }

}




/* ==========================================
   V56 — INTEGRATIONS REDESIGN / 5 SOURCES
   ========================================== */

#daisy-integrace{
  overflow:hidden;
}

#daisy-integrace .daisy-container{
  position:relative;
  z-index:2;
}


/* Force the storytelling split:
   gradient line above, white line below */
#daisy-integrace .daisy-integrations-title{
  max-width:900px;

  margin-left:auto;
  margin-right:auto;

  text-align:center;
  text-wrap:balance;
}

#daisy-integrace .daisy-integrations-title > span{
  display:block;
}

#daisy-integrace .daisy-integrations-title-line{
  margin-top:.02em;

  color:#fff;
}

#daisy-integrace .daisy-integrations-lead{
  max-width:650px;

  margin-left:auto;
  margin-right:auto;

  text-align:center;
}


/* Stage */
.daisy-integrations-stage{
  position:relative;

  max-width:1120px;

  margin:58px auto 0;
}

.daisy-integrations-stage::before{
  content:"";

  position:absolute;

  left:50%;
  top:36%;

  width:720px;
  height:360px;

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

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.10) 0%,
      rgba(88,215,221,.035) 38%,
      transparent 70%
    );

  filter:blur(24px);

  pointer-events:none;
}


/* 3 + 2 balanced composition */
#daisy-integrace .daisy-integrations{
  position:relative;
  z-index:2;

  display:grid;

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

  gap:16px;

  margin-top:0;
}

#daisy-integrace .daisy-integration{
  position:relative;

  min-height:180px;

  display:flex;
  flex-direction:column;

  gap:0;

  padding:22px 22px 24px;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.085);
  border-radius:22px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.018)
    );

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

  transition:
    transform .38s cubic-bezier(.22,1,.36,1),
    border-color .32s ease,
    background .32s ease,
    box-shadow .38s ease;
}

#daisy-integrace .daisy-integration:nth-child(1),
#daisy-integrace .daisy-integration:nth-child(2),
#daisy-integrace .daisy-integration:nth-child(3){
  grid-column:span 2;
}

#daisy-integrace .daisy-integration:nth-child(4){
  grid-column:2 / span 2;
}

#daisy-integrace .daisy-integration:nth-child(5){
  grid-column:4 / span 2;
}


/* Very subtle top brand rail */
#daisy-integrace .daisy-integration::before{
  content:"";

  position:absolute;

  left:22px;
  right:22px;
  top:0;

  height:2px;

  border-radius:0 0 999px 999px;

  background:var(--d-gradient);

  opacity:.34;

  transform:scaleX(.35);
  transform-origin:left center;

  transition:
    opacity .32s ease,
    transform .45s cubic-bezier(.22,1,.36,1);
}


/* Soft glow rather than another literal ring */
#daisy-integrace .daisy-integration::after{
  content:"";

  position:absolute;

  width:120px;
  height:120px;

  right:-64px;
  bottom:-70px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(88,215,221,.09),
      rgba(114,101,239,.035) 45%,
      transparent 70%
    );

  opacity:.55;

  pointer-events:none;
}


.daisy-integration-top{
  position:relative;
  z-index:2;

  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:16px;
}


#daisy-integrace .daisy-integration-icon{
  width:48px;
  height:48px;

  flex:0 0 48px;

  display:grid;
  place-items:center;

  border:1px solid rgba(114,101,239,.20);
  border-radius:15px;

  color:#8277F5;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.11),
      rgba(88,215,221,.045)
    );

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

#daisy-integrace .daisy-integration-icon svg{
  width:23px;
  height:23px;

  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.daisy-integration-index{
  padding-top:4px;

  color:rgba(255,255,255,.20);

  font-family:"Inter",sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.12em;
}


#daisy-integrace .daisy-integration h3{
  position:relative;
  z-index:2;

  max-width:250px;

  margin-top:auto;
  padding-top:36px;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:18px;
  line-height:1.18;
  font-weight:600;
}


/* Hover: premium, not game-like */
@media(hover:hover){

  #daisy-integrace .daisy-integration:hover{
    transform:translateY(-5px);

    border-color:rgba(114,101,239,.24);

    background:
      linear-gradient(
        145deg,
        rgba(114,101,239,.075),
        rgba(88,215,221,.025)
      );

    box-shadow:
      0 20px 48px rgba(0,0,0,.17),
      inset 0 1px 0 rgba(255,255,255,.055);
  }

  #daisy-integrace .daisy-integration:hover::before{
    opacity:.90;
    transform:scaleX(1);
  }

}


/* Bottom hub reinforces the actual proposition:
   five inputs -> one place to ask. */
.daisy-integration-hub{
  position:relative;
  z-index:3;

  width:min(100%,600px);

  display:grid;
  grid-template-columns:44px minmax(0,1fr) 34px;
  gap:14px;
  align-items:center;

  margin:20px auto 0;
  padding:14px 16px;

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

  background:
    linear-gradient(
      90deg,
      rgba(114,101,239,.095),
      rgba(88,215,221,.045)
    );

  box-shadow:
    0 18px 44px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.045);
}


.daisy-integration-hub-mark{
  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  padding:10px;

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

  background:#181923;
}


.daisy-integration-hub-mark img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}


.daisy-integration-hub span{
  display:block;

  color:rgba(255,255,255,.39);

  font-size:9px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}


.daisy-integration-hub strong{
  display:block;

  margin-top:3px;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:15px;
  line-height:1.2;
  font-weight:600;
}


.daisy-integration-hub-arrow{
  color:#6FC5E5;

  font-size:22px;
  line-height:1;

  text-align:center;
}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1050px){

  .daisy-integrations-stage{
    max-width:820px;

    margin-top:48px;
  }

  #daisy-integrace .daisy-integrations{
    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:14px;
  }

  #daisy-integrace .daisy-integration:nth-child(n){
    grid-column:auto;
  }

  #daisy-integrace .daisy-integration:nth-child(5){
    grid-column:1 / -1;

    width:calc(50% - 7px);

    justify-self:center;
  }

  #daisy-integrace .daisy-integration{
    min-height:168px;
  }

}


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

@media(max-width:700px){

  #daisy-integrace .daisy-integrations-title{
    text-align:left;
  }

  #daisy-integrace .daisy-integrations-lead{
    margin-left:0;
    margin-right:0;

    text-align:left;
  }

  /*
    Still preserve the requested storytelling:
    line 1 is gradient, line 2 is white.
  */
  #daisy-integrace .daisy-integrations-title > span{
    display:block;
  }

  .daisy-integrations-stage{
    margin-top:36px;
  }

  #daisy-integrace .daisy-integrations{
    grid-template-columns:1fr;

    gap:10px;
  }

  #daisy-integrace .daisy-integration:nth-child(n){
    grid-column:auto;

    width:100%;
  }

  #daisy-integrace .daisy-integration{
    min-height:0;

    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;

    gap:14px;

    padding:16px 17px;
  }

  #daisy-integrace .daisy-integration::before{
    left:17px;
    right:17px;
  }

  .daisy-integration-top{
    display:contents;
  }

  #daisy-integrace .daisy-integration-icon{
    grid-column:1;
    grid-row:1;

    width:46px;
    height:46px;
  }

  .daisy-integration-index{
    grid-column:3;
    grid-row:1;

    align-self:center;

    padding:0;
  }

  #daisy-integrace .daisy-integration h3{
    grid-column:2;
    grid-row:1;

    max-width:none;

    margin:0;
    padding:0;

    font-size:15.5px;
    line-height:1.22;
  }

  .daisy-integration-hub{
    grid-template-columns:40px minmax(0,1fr);

    margin-top:14px;
    padding:13px 14px;
  }

  .daisy-integration-hub-mark{
    width:40px;
    height:40px;

    padding:9px;
  }

  .daisy-integration-hub-arrow{
    display:none;
  }

  .daisy-integration-hub strong{
    font-size:13.5px;
  }

}


/* Tiny screens */
@media(max-width:390px){

  #daisy-integrace .daisy-integration{
    grid-template-columns:42px minmax(0,1fr);

    gap:12px;
  }

  .daisy-integration-index{
    display:none;
  }

  #daisy-integrace .daisy-integration-icon{
    width:42px;
    height:42px;
  }

}




/* ==========================================
   V57 — COMPACT INTEGRATIONS STRIP
   One panel, five equal sources, no 3+2 layout.
   ========================================== */

#daisy-integrace .daisy-integrations-compact{
  max-width:1180px;
  margin-top:44px;
}

#daisy-integrace .daisy-integrations-stage::before{
  width:760px;
  height:250px;
  top:50%;
  opacity:.65;
}

.daisy-integration-panel{
  position:relative;
  z-index:2;

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

  overflow:hidden;

  border:1px solid rgba(255,255,255,.085);
  border-radius:22px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.042),
      rgba(255,255,255,.017)
    );

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

.daisy-integration-source{
  position:relative;

  min-width:0;
  min-height:122px;

  display:flex;
  align-items:center;
  gap:12px;

  padding:20px 18px;

  transition:
    background .3s ease,
    transform .35s cubic-bezier(.22,1,.36,1);
}

.daisy-integration-source:not(:nth-child(5)){
  border-right:1px solid rgba(255,255,255,.07);
}

.daisy-integration-source::before{
  content:"";

  position:absolute;

  left:18px;
  right:18px;
  top:0;

  height:2px;

  border-radius:0 0 999px 999px;

  background:var(--d-gradient);

  opacity:.18;

  transform:scaleX(.28);
  transform-origin:left center;

  transition:
    opacity .3s ease,
    transform .42s cubic-bezier(.22,1,.36,1);
}

#daisy-integrace .daisy-integration-icon{
  width:40px;
  height:40px;

  flex:0 0 40px;

  display:grid;
  place-items:center;

  border:0;
  border-radius:12px;

  color:#857AF6;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.12),
      rgba(88,215,221,.045)
    );

  box-shadow:none;
}

#daisy-integrace .daisy-integration-icon svg{
  width:20px;
  height:20px;
}

.daisy-integration-source-copy{
  min-width:0;
}

.daisy-integration-source-copy span{
  display:block;

  margin-bottom:6px;

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

  font-family:"Inter",sans-serif;
  font-size:8px;
  line-height:1;
  font-weight:600;
  letter-spacing:.12em;
}

.daisy-integration-source-copy strong{
  display:block;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:13.5px;
  line-height:1.22;
  font-weight:600;
}

@media(hover:hover){

  .daisy-integration-source:hover{
    background:
      linear-gradient(
        145deg,
        rgba(114,101,239,.075),
        rgba(88,215,221,.025)
      );
  }

  .daisy-integration-source:hover::before{
    opacity:.78;
    transform:scaleX(1);
  }

}


/* One compact footer across the whole source panel */
.daisy-integration-panel-footer{
  grid-column:1 / -1;

  display:grid;
  grid-template-columns:34px auto minmax(70px,1fr) auto 22px;
  align-items:center;
  gap:10px;

  min-height:48px;

  padding:9px 14px;

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

  background:
    linear-gradient(
      90deg,
      rgba(114,101,239,.075),
      rgba(88,215,221,.03)
    );
}

.daisy-integration-panel-footer .daisy-integration-hub-mark{
  width:34px;
  height:34px;

  padding:8px;

  border-radius:10px;
}

.daisy-integration-panel-footer > span{
  color:rgba(255,255,255,.38);

  font-size:9px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.daisy-integration-panel-footer > strong{
  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:12.5px;
  line-height:1;
  font-weight:600;
}

.daisy-integration-flow{
  height:1px;

  overflow:hidden;

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

.daisy-integration-flow i{
  display:block;

  width:58%;
  height:100%;

  background:var(--d-gradient);

  opacity:.7;
}

.daisy-integration-panel-arrow{
  color:#69CBE6;
  font-size:17px;
  line-height:1;
}


/* Tablet: preserve all five items without ugly 3+2.
   Switch to a compact two-column list + final item full-width. */
@media(max-width:1050px){

  #daisy-integrace .daisy-integrations-compact{
    max-width:820px;
  }

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

  .daisy-integration-source{
    min-height:96px;
  }

  .daisy-integration-source:nth-child(odd){
    border-right:1px solid rgba(255,255,255,.07);
  }

  .daisy-integration-source:nth-child(even){
    border-right:0;
  }

  .daisy-integration-source:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.07);
  }

  .daisy-integration-source:nth-child(5){
    grid-column:1 / -1;

    justify-content:center;

    border-right:0;
  }

}


/* Mobile: one compact row per source */
@media(max-width:700px){

  #daisy-integrace .daisy-integrations-compact{
    margin-top:32px;
  }

  .daisy-integration-panel{
    grid-template-columns:1fr;

    border-radius:18px;
  }

  .daisy-integration-source{
    min-height:0;

    gap:12px;

    padding:14px 15px;

    border-right:0 !important;
    border-top:1px solid rgba(255,255,255,.065);
  }

  .daisy-integration-source:first-child{
    border-top:0;
  }

  .daisy-integration-source:nth-child(5){
    grid-column:auto;

    justify-content:flex-start;
  }

  #daisy-integrace .daisy-integration-icon{
    width:38px;
    height:38px;

    flex-basis:38px;
  }

  .daisy-integration-source-copy span{
    margin-bottom:4px;
  }

  .daisy-integration-source-copy strong{
    font-size:13px;
  }

  .daisy-integration-panel-footer{
    grid-template-columns:32px auto 1fr auto;

    gap:9px;

    padding:9px 12px;
  }

  .daisy-integration-flow{
    display:none;
  }

  .daisy-integration-panel-arrow{
    display:none;
  }

  .daisy-integration-panel-footer > strong{
    text-align:right;
  }

}




/* ==========================================
   V58 — INTEGRATIONS: BIGGER TYPE / SAME COMPACT HEIGHT
   ========================================== */

/* Desktop:
   Give the longer labels slightly more width rather than making
   the whole strip taller. */
@media(min-width:901px){

  #daisy-integrace .daisy-integrations-compact{
    max-width:1220px !important;
    margin-top:42px !important;
  }

  .daisy-integration-panel{
    grid-template-columns:
      1.18fr
      1.16fr
      .90fr
      .86fr
      1.16fr !important;
  }

  #daisy-integrace .daisy-integration-source{
    min-height:108px !important;

    gap:11px !important;

    padding:16px 15px !important;
  }

  #daisy-integrace .daisy-integration-icon{
    width:40px !important;
    height:40px !important;

    flex:0 0 40px !important;
  }

  #daisy-integrace .daisy-integration-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .daisy-integration-source-copy span{
    margin-bottom:5px !important;

    font-size:8.5px !important;
  }

  .daisy-integration-source-copy strong{
    font-size:15px !important;
    line-height:1.20 !important;
    letter-spacing:-.012em;
  }

}


/* ------------------------------------------
   FOOTER: 5 ZDROJŮ — FULL GRADIENT LINE — JEDEN CHAT
   ------------------------------------------ */

.daisy-integration-panel-footer{
  grid-template-columns:
    34px
    auto
    minmax(90px,1fr)
    auto !important;

  gap:11px !important;

  min-height:48px !important;
}

.daisy-integration-flow{
  height:2px !important;

  border-radius:999px;

  background:rgba(255,255,255,.055) !important;
}

.daisy-integration-flow i{
  display:block;

  width:100% !important;
  height:100% !important;

  border-radius:inherit;

  background:var(--d-gradient) !important;

  opacity:.92 !important;
}

.daisy-integration-panel-footer > span{
  font-size:9.5px !important;
}

.daisy-integration-panel-footer > strong{
  font-size:13.5px !important;
  white-space:nowrap;
}

/* Legacy arrow must never reserve layout space. */
.daisy-integration-panel-arrow{
  display:none !important;
}


/* ------------------------------------------
   TABLET
   Deliberately becomes a compact vertical source list.
   No awkward 3+2 or 2+2+1 composition.
   ------------------------------------------ */

@media(max-width:900px){

  #daisy-integrace .daisy-integrations-compact{
    width:min(100%,720px) !important;

    margin-top:38px !important;
  }

  .daisy-integration-panel{
    display:grid !important;
    grid-template-columns:1fr !important;

    border-radius:20px !important;
  }

  #daisy-integrace .daisy-integration-source{
    grid-column:auto !important;

    width:100% !important;
    min-height:0 !important;

    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) !important;
    align-items:center !important;

    gap:14px !important;

    padding:13px 17px !important;

    border-right:0 !important;
    border-top:1px solid rgba(255,255,255,.065) !important;
  }

  #daisy-integrace .daisy-integration-source:first-child{
    border-top:0 !important;
  }

  /* top accent becomes a tiny left-side accent on tablet/phone */
  #daisy-integrace .daisy-integration-source::before{
    left:0 !important;
    right:auto !important;
    top:50% !important;

    width:2px !important;
    height:28px !important;

    transform:
      translateY(-50%)
      scaleY(.45) !important;

    transform-origin:center !important;

    border-radius:0 999px 999px 0 !important;
  }

  @media(hover:hover){

    #daisy-integrace .daisy-integration-source:hover::before{
      transform:
        translateY(-50%)
        scaleY(1) !important;
    }

  }

  #daisy-integrace .daisy-integration-icon{
    width:42px !important;
    height:42px !important;

    flex-basis:42px !important;
  }

  .daisy-integration-source-copy{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    align-items:center;
    gap:8px;
  }

  .daisy-integration-source-copy span{
    margin:0 !important;

    font-size:8.5px !important;
  }

  .daisy-integration-source-copy strong{
    font-size:15px !important;
    line-height:1.22 !important;
  }

  .daisy-integration-panel-footer{
    grid-template-columns:
      34px
      auto
      minmax(70px,1fr)
      auto !important;

    padding:10px 14px !important;
  }

}


/* ------------------------------------------
   PHONE
   Same information, simply tighter — nothing important hidden.
   ------------------------------------------ */

@media(max-width:600px){

  #daisy-integrace .daisy-integrations-compact{
    margin-top:30px !important;
  }

  #daisy-integrace .daisy-integration-source{
    grid-template-columns:40px minmax(0,1fr) !important;

    gap:12px !important;

    padding:12px 14px !important;
  }

  #daisy-integrace .daisy-integration-icon{
    width:40px !important;
    height:40px !important;

    flex-basis:40px !important;
  }

  .daisy-integration-source-copy{
    grid-template-columns:24px minmax(0,1fr);

    gap:7px;
  }

  .daisy-integration-source-copy span{
    font-size:8px !important;
  }

  .daisy-integration-source-copy strong{
    font-size:14px !important;
    line-height:1.22 !important;
  }

  .daisy-integration-panel-footer{
    grid-template-columns:
      30px
      auto
      minmax(38px,1fr)
      auto !important;

    gap:8px !important;

    padding:9px 11px !important;
  }

  .daisy-integration-panel-footer .daisy-integration-hub-mark{
    width:30px !important;
    height:30px !important;

    padding:7px !important;
  }

  .daisy-integration-panel-footer > span{
    font-size:8px !important;
  }

  .daisy-integration-panel-footer > strong{
    font-size:12px !important;
  }

}


/* Very narrow phones:
   drop only the decorative DAISY mark in the footer,
   keep all five actual source labels fully readable. */
@media(max-width:380px){

  .daisy-integration-panel-footer{
    grid-template-columns:
      auto
      minmax(30px,1fr)
      auto !important;
  }

  .daisy-integration-panel-footer .daisy-integration-hub-mark{
    display:none !important;
  }

}




/* ==========================================
   V59 — INTEGRATIONS 3 + 2 / EQUAL CARDS
   ========================================== */

#daisy-integrace .daisy-integrations-five{
  max-width:1040px !important;
  margin:44px auto 0 !important;
}

#daisy-integrace .daisy-integrations-five::before{
  content:"";
  position:absolute;

  left:50%;
  top:50%;

  width:680px;
  height:280px;

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

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.085) 0%,
      rgba(88,215,221,.028) 40%,
      transparent 72%
    );

  filter:blur(26px);

  pointer-events:none;
}


/* 6-column grid gives us:
   row 1 = 3 equal cards
   row 2 = 2 equal cards perfectly centered */
#daisy-integrace .daisy-integrations-grid{
  position:relative;
  z-index:2;

  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;

  gap:18px !important;
}

#daisy-integrace .daisy-integration-card{
  position:relative;

  min-width:0;
  min-height:148px !important;

  display:flex !important;
  flex-direction:column !important;

  padding:19px 20px 20px !important;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:20px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.018)
    ) !important;

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

  transition:
    transform .36s cubic-bezier(.22,1,.36,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .36s ease !important;
}


/* equal width */
#daisy-integrace .daisy-integration-card:nth-child(1),
#daisy-integrace .daisy-integration-card:nth-child(2),
#daisy-integrace .daisy-integration-card:nth-child(3){
  grid-column:span 2 !important;
}

#daisy-integrace .daisy-integration-card:nth-child(4){
  grid-column:2 / span 2 !important;
}

#daisy-integrace .daisy-integration-card:nth-child(5){
  grid-column:4 / span 2 !important;
}


/* subtle brand line */
#daisy-integrace .daisy-integration-card::before{
  content:"";

  position:absolute;

  left:20px;
  right:20px;
  top:0;

  height:2px;

  border-radius:0 0 999px 999px;

  background:var(--d-gradient);

  opacity:.28;

  transform:scaleX(.34);
  transform-origin:left center;

  transition:
    opacity .28s ease,
    transform .42s cubic-bezier(.22,1,.36,1);
}


/* remove legacy decorative pseudo element */
#daisy-integrace .daisy-integration-card::after{
  display:none !important;
}


/* top row = number + icon, aligned identically */
.daisy-integration-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;

  width:100%;
}


.daisy-integration-card-index{
  color:rgba(255,255,255,.28);

  font-family:"Inter",sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:600;
  letter-spacing:.13em;
}


#daisy-integrace .daisy-integration-card .daisy-integration-icon{
  width:42px !important;
  height:42px !important;

  flex:0 0 42px !important;

  display:grid !important;
  place-items:center !important;

  margin:0 !important;

  border:1px solid rgba(114,101,239,.18) !important;
  border-radius:13px !important;

  color:#857AF6 !important;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.105),
      rgba(88,215,221,.04)
    ) !important;

  box-shadow:none !important;
}

#daisy-integrace .daisy-integration-card .daisy-integration-icon svg{
  width:20px !important;
  height:20px !important;

  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* title anchored at the bottom = all five line up visually */
#daisy-integrace .daisy-integration-card h3{
  max-width:250px !important;

  margin:auto 0 0 !important;
  padding-top:26px !important;

  color:#fff !important;

  font-family:"Inter",sans-serif !important;
  font-size:16px !important;
  line-height:1.20 !important;
  font-weight:600 !important;

  text-align:left !important;
}


/* premium but quiet hover */
@media(hover:hover){

  #daisy-integrace .daisy-integration-card:hover{
    transform:translateY(-4px) !important;

    border-color:rgba(114,101,239,.22) !important;

    background:
      linear-gradient(
        145deg,
        rgba(114,101,239,.068),
        rgba(88,215,221,.022)
      ) !important;

    box-shadow:
      0 18px 42px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

  #daisy-integrace .daisy-integration-card:hover::before{
    opacity:.82;
    transform:scaleX(1);
  }

}


/* ------------------------------------------
   TABLET — 2 + 2 + 1, still equal-size cards
   ------------------------------------------ */

@media(max-width:900px){

  #daisy-integrace .daisy-integrations-five{
    max-width:720px !important;
    margin-top:38px !important;
  }

  #daisy-integrace .daisy-integrations-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
  }

  #daisy-integrace .daisy-integration-card:nth-child(n){
    grid-column:auto !important;
  }

  #daisy-integrace .daisy-integration-card:nth-child(5){
    grid-column:1 / -1 !important;

    width:calc(50% - 7px) !important;

    justify-self:center !important;
  }

  #daisy-integrace .daisy-integration-card{
    min-height:140px !important;
  }

}


/* ------------------------------------------
   MOBILE — compact vertical cards
   ------------------------------------------ */

@media(max-width:600px){

  #daisy-integrace .daisy-integrations-five{
    margin-top:30px !important;
  }

  #daisy-integrace .daisy-integrations-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  #daisy-integrace .daisy-integration-card:nth-child(n){
    grid-column:auto !important;

    width:100% !important;
  }

  #daisy-integrace .daisy-integration-card{
    min-height:0 !important;

    display:grid !important;
    grid-template-columns:minmax(0,1fr) 40px !important;
    grid-template-rows:auto auto !important;

    gap:9px 14px !important;

    padding:15px 16px !important;
  }

  .daisy-integration-card-top{
    display:contents !important;
  }

  .daisy-integration-card-index{
    grid-column:1;
    grid-row:1;

    align-self:center;
  }

  #daisy-integrace .daisy-integration-card .daisy-integration-icon{
    grid-column:2;
    grid-row:1 / span 2;

    align-self:center;

    width:40px !important;
    height:40px !important;

    flex-basis:40px !important;
  }

  #daisy-integrace .daisy-integration-card h3{
    grid-column:1;
    grid-row:2;

    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    font-size:14.5px !important;
    line-height:1.2 !important;
  }

  #daisy-integrace .daisy-integration-card::before{
    left:16px;
    right:16px;
  }

}




/* ==========================================
   V60 — INTEGRATIONS: ICON LEFT / NUMBER RIGHT
   ========================================== */

/* Desktop + tablet */
.daisy-integration-card-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

#daisy-integrace .daisy-integration-card .daisy-integration-icon{
  order:1 !important;
}

.daisy-integration-card-index{
  order:2 !important;
}


/* Mobile:
   icon stays on the left,
   number + title align in the right column */
@media(max-width:600px){

  #daisy-integrace .daisy-integration-card{
    grid-template-columns:40px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
  }

  .daisy-integration-card-top{
    display:contents !important;
  }

  #daisy-integrace .daisy-integration-card .daisy-integration-icon{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;

    align-self:center !important;

    order:initial !important;
  }

  .daisy-integration-card-index{
    grid-column:2 !important;
    grid-row:1 !important;

    align-self:end !important;

    order:initial !important;
  }

  #daisy-integrace .daisy-integration-card h3{
    grid-column:2 !important;
    grid-row:2 !important;

    align-self:start !important;
  }

}




/* ==========================================
   V61 — INTEGRATIONS TITLE COLOR SWAP
   "Jeden chat." white / second line gradient
   ========================================== */

#daisy-integrace .daisy-integrations-title > span{
  display:block;
}

#daisy-integrace .daisy-integrations-title-line{
  color:#fff !important;
}

#daisy-integrace .daisy-title-accent{
  margin-top:.02em;
}




/* ==========================================
   V62 — SECURITY REDESIGN
   Exact copywriter copy / 3 points / secure-data illustration
   ========================================== */

#daisy-bezpecnost{
  position:relative;
  overflow:hidden;
}

#daisy-bezpecnost::before{
  content:"";

  position:absolute;

  width:540px;
  height:540px;

  left:-290px;
  top:60px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.06),
      transparent 68%
    );

  pointer-events:none;
}


#daisy-bezpecnost .daisy-security{
  position:relative;
  z-index:2;

  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;

  gap:54px !important;
  align-items:stretch !important;
}


/* ------------------------------------------
   LEFT — SECURITY STORY + ILLUSTRATION
   ------------------------------------------ */

#daisy-bezpecnost .daisy-security-intro{
  position:relative !important;
  top:auto !important;

  min-height:520px;

  display:flex;
  flex-direction:column;

  padding:34px 34px 28px !important;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.055);
  border-radius:30px !important;

  color:#fff;

  background:
    radial-gradient(
      circle at 78% 92%,
      rgba(88,215,221,.11),
      transparent 34%
    ),
    radial-gradient(
      circle at 22% 14%,
      rgba(114,101,239,.08),
      transparent 31%
    ),
    #111119 !important;

  box-shadow:
    0 28px 72px rgba(17,17,25,.08),
    inset 0 1px 0 rgba(255,255,255,.035);
}


/* Kill the old large ring — the illustration now owns this space. */
#daisy-bezpecnost .daisy-security-intro::after{
  display:none !important;
}


.daisy-security-copy{
  position:relative;
  z-index:5;
}


#daisy-bezpecnost .daisy-security-intro h2{
  max-width:470px;

  margin-top:24px;

  font-family:"Inter",sans-serif;
  font-size:clamp(38px,3.6vw,52px) !important;
  line-height:1.01 !important;
  font-weight:600;

  letter-spacing:-.045em;
}


.daisy-security-accent{
  display:block;

  margin-top:.05em;

  background:var(--d-gradient);

  -webkit-background-clip:text;
  background-clip:text;

  color:transparent;
  -webkit-text-fill-color:transparent;
}


#daisy-bezpecnost .daisy-security-intro p{
  max-width:500px;

  margin-top:20px !important;

  color:rgba(255,255,255,.56) !important;

  font-size:14.5px !important;
  line-height:1.62;
}


/* ------------------------------------------
   ILLUSTRATION — protected data hub
   ------------------------------------------ */

.daisy-security-visual{
  position:relative;
  z-index:3;

  min-height:235px;

  margin-top:auto;
  padding-top:34px;
}


.daisy-security-visual::before{
  content:"";

  position:absolute;

  left:50%;
  bottom:-44px;

  width:310px;
  height:170px;

  transform:translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.17),
      rgba(88,215,221,.06) 42%,
      transparent 72%
    );

  filter:blur(18px);

  pointer-events:none;
}


.daisy-security-orbit{
  position:absolute;

  left:50%;
  top:53%;

  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;

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

  pointer-events:none;
}

.daisy-security-orbit-one{
  width:250px;
  height:132px;

  transform:
    translate(-50%,-50%)
    rotate(-7deg);
}

.daisy-security-orbit-two{
  width:310px;
  height:170px;

  opacity:.55;

  transform:
    translate(-50%,-50%)
    rotate(12deg);
}


.daisy-security-shield{
  position:absolute;

  left:50%;
  top:49%;

  width:116px;
  height:132px;

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

  filter:
    drop-shadow(0 22px 28px rgba(0,0,0,.20))
    drop-shadow(0 0 24px rgba(114,101,239,.10));
}


.daisy-security-shield::before{
  content:"";

  position:absolute;
  inset:0;

  clip-path:polygon(
    50% 0,
    92% 16%,
    88% 58%,
    74% 80%,
    50% 100%,
    26% 80%,
    12% 58%,
    8% 16%
  );

  background:var(--d-gradient);

  opacity:.92;
}


.daisy-security-shield::after{
  content:"";

  position:absolute;
  inset:2px;

  clip-path:polygon(
    50% 0,
    92% 16%,
    88% 58%,
    74% 80%,
    50% 100%,
    26% 80%,
    12% 58%,
    8% 16%
  );

  background:
    radial-gradient(
      circle at 50% 38%,
      rgba(114,101,239,.16),
      transparent 48%
    ),
    #171822;
}


.daisy-security-shield-inner{
  position:absolute;
  z-index:3;
  inset:0;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  gap:8px;

  padding-bottom:9px;
}


.daisy-security-shield-mark{
  width:37px;
  height:37px;

  display:grid;
  place-items:center;

  padding:8px;

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

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


.daisy-security-shield-mark img{
  width:100%;
  height:100%;

  display:block;
  object-fit:contain;
}


.daisy-security-check{
  width:22px;
  height:22px;

  padding:4px;

  border-radius:50%;

  stroke:#fff;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;

  background:rgba(88,215,221,.13);
}


.daisy-security-node{
  position:absolute;
  z-index:4;

  display:flex;
  align-items:center;

  gap:7px;

  padding:7px 10px;

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

  color:rgba(255,255,255,.60);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.022)
    );

  box-shadow:
    0 10px 24px rgba(0,0,0,.10);

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

  font-size:9.5px;
  line-height:1;
  font-weight:600;

  white-space:nowrap;
}


.daisy-security-node-dot{
  width:5px;
  height:5px;

  flex:0 0 5px;

  border-radius:50%;

  background:var(--d-cyan);

  box-shadow:0 0 10px rgba(88,215,221,.45);
}


.daisy-security-node-access{
  left:4%;
  top:25%;
}


.daisy-security-node-data{
  right:0;
  top:31%;
}


.daisy-security-node-license{
  left:11%;
  bottom:22%;
}


.daisy-security-status{
  position:absolute;
  z-index:5;

  right:2%;
  bottom:15%;

  display:flex;
  align-items:center;

  gap:7px;

  color:rgba(255,255,255,.36);

  font-size:8.5px;
  line-height:1;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}


.daisy-security-status span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#66D5B0;

  box-shadow:0 0 10px rgba(102,213,176,.45);
}


/* ------------------------------------------
   RIGHT — THREE SECURITY PRINCIPLES
   ------------------------------------------ */

#daisy-bezpecnost .daisy-security-list{
  display:grid !important;
  grid-template-rows:repeat(3,minmax(0,1fr));

  gap:14px !important;
}


#daisy-bezpecnost .daisy-security-item{
  position:relative;

  min-height:0;

  display:grid;
  grid-template-columns:64px minmax(0,1fr);

  gap:20px;

  align-items:center;

  padding:24px 26px !important;

  overflow:hidden;

  border:1px solid rgba(17,17,25,.085) !important;
  border-radius:22px !important;

  background:
    linear-gradient(
      145deg,
      #fff,
      rgba(255,255,255,.76)
    ) !important;

  box-shadow:
    0 16px 40px rgba(17,17,25,.035);

  transition:
    transform .36s cubic-bezier(.22,1,.36,1),
    border-color .3s ease,
    box-shadow .36s ease;
}


#daisy-bezpecnost .daisy-security-item::before{
  content:"";

  position:absolute;

  left:0;
  top:22px;
  bottom:22px;

  width:2px;

  border-radius:0 999px 999px 0;

  background:var(--d-gradient);

  opacity:.28;

  transform:scaleY(.55);

  transition:
    opacity .3s ease,
    transform .38s cubic-bezier(.22,1,.36,1);
}


.daisy-security-item-top{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;

  min-height:86px;
}


.daisy-security-item-icon{
  width:48px;
  height:48px;

  display:grid;
  place-items:center;

  border:1px solid rgba(114,101,239,.12);
  border-radius:15px;

  color:#766AF0;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.085),
      rgba(88,215,221,.035)
    );
}


.daisy-security-item-icon svg{
  width:22px;
  height:22px;

  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.daisy-security-item-index{
  color:rgba(17,17,25,.27);

  font-family:"Inter",sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:600;
  letter-spacing:.13em;
}


#daisy-bezpecnost .daisy-security-item h3{
  max-width:560px;

  margin:0 !important;

  font-family:"Inter",sans-serif;
  font-size:19px !important;
  line-height:1.17 !important;
  font-weight:600;
  letter-spacing:-.018em;
}


#daisy-bezpecnost .daisy-security-item p{
  max-width:600px;

  margin-top:9px !important;

  color:#666875 !important;

  font-size:13.5px !important;
  line-height:1.55 !important;
}


@media(hover:hover){

  #daisy-bezpecnost .daisy-security-item:hover{
    transform:translateY(-4px);

    border-color:rgba(114,101,239,.17) !important;

    box-shadow:
      0 22px 48px rgba(17,17,25,.06);
  }

  #daisy-bezpecnost .daisy-security-item:hover::before{
    opacity:.85;
    transform:scaleY(1);
  }

}


/* ------------------------------------------
   TABLET
   Illustration remains meaningful; the three points
   become a three-column row beneath it.
   ------------------------------------------ */

@media(max-width:1024px){

  #daisy-bezpecnost .daisy-security{
    grid-template-columns:1fr !important;

    gap:18px !important;
  }

  #daisy-bezpecnost .daisy-security-intro{
    min-height:430px;

    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
    align-items:center;

    gap:28px;

    padding:32px !important;
  }

  #daisy-bezpecnost .daisy-security-intro h2{
    max-width:500px;

    font-size:clamp(38px,5vw,50px) !important;
  }

  .daisy-security-visual{
    min-height:260px;

    margin:0;
    padding:0;
  }

  #daisy-bezpecnost .daisy-security-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:none;

    gap:12px !important;
  }

  #daisy-bezpecnost .daisy-security-item{
    grid-template-columns:1fr;

    align-content:start;

    gap:18px;

    min-height:248px;

    padding:22px !important;
  }

  .daisy-security-item-top{
    min-height:0;

    flex-direction:row;
    align-items:center;
  }

  #daisy-bezpecnost .daisy-security-item h3{
    font-size:17px !important;
  }

  #daisy-bezpecnost .daisy-security-item p{
    font-size:13px !important;
  }

}


/* ------------------------------------------
   SMALL TABLET
   ------------------------------------------ */

@media(max-width:820px){

  #daisy-bezpecnost .daisy-security-intro{
    min-height:0;

    grid-template-columns:1fr;

    gap:12px;
  }

  .daisy-security-visual{
    width:min(100%,520px);

    min-height:230px;

    margin:8px auto 0;
  }

  #daisy-bezpecnost .daisy-security-list{
    grid-template-columns:1fr;
  }

  #daisy-bezpecnost .daisy-security-item{
    min-height:0;

    grid-template-columns:54px minmax(0,1fr);

    gap:18px;

    padding:20px 22px !important;
  }

  .daisy-security-item-top{
    min-height:78px;

    flex-direction:column;
    align-items:flex-start;
  }

}


/* ------------------------------------------
   MOBILE
   Keep all copywriter content; simplify only the illustration.
   ------------------------------------------ */

@media(max-width:600px){

  #daisy-bezpecnost .daisy-security{
    gap:12px !important;
  }

  #daisy-bezpecnost .daisy-security-intro{
    padding:24px 20px 16px !important;

    border-radius:24px !important;
  }

  #daisy-bezpecnost .daisy-security-intro h2{
    max-width:100%;

    margin-top:20px;

    font-size:36px !important;
    line-height:1.02 !important;
  }

  #daisy-bezpecnost .daisy-security-intro p{
    font-size:13.5px !important;
    line-height:1.55;
  }

  .daisy-security-visual{
    min-height:205px;

    margin-top:4px;
  }

  .daisy-security-orbit-one{
    width:218px;
    height:112px;
  }

  .daisy-security-orbit-two{
    width:270px;
    height:148px;
  }

  .daisy-security-shield{
    width:96px;
    height:110px;
  }

  .daisy-security-node{
    padding:6px 8px;

    font-size:8px;
  }

  .daisy-security-node-access{
    left:0;
    top:25%;
  }

  .daisy-security-node-data{
    right:0;
    top:29%;
  }

  .daisy-security-node-license{
    left:3%;
    bottom:23%;
  }

  .daisy-security-status{
    right:0;
    bottom:15%;

    font-size:7.5px;
  }

  #daisy-bezpecnost .daisy-security-item{
    grid-template-columns:46px minmax(0,1fr);

    gap:14px;

    padding:18px !important;

    border-radius:19px !important;
  }

  .daisy-security-item-top{
    min-height:72px;
  }

  .daisy-security-item-icon{
    width:42px;
    height:42px;

    border-radius:13px;
  }

  .daisy-security-item-icon svg{
    width:20px;
    height:20px;
  }

  #daisy-bezpecnost .daisy-security-item h3{
    font-size:16px !important;
  }

  #daisy-bezpecnost .daisy-security-item p{
    margin-top:7px !important;

    font-size:12.8px !important;
    line-height:1.5 !important;
  }

}


/* Very narrow phones: remove only low-value satellite labels.
   Shield + core security message stay visible. */
@media(max-width:390px){

  .daisy-security-node-license,
  .daisy-security-status{
    display:none;
  }

  .daisy-security-node-access{
    left:1%;
  }

  .daisy-security-node-data{
    right:1%;
  }

}


/* Reduced motion */
@media(prefers-reduced-motion:reduce){

  #daisy-bezpecnost .daisy-security-item{
    transition:none !important;
  }

}




/* ==========================================
   V63 — SECURITY CARD CLEANUP
   No numbering / refined icons
   ========================================== */

#daisy-bezpecnost .daisy-security-item-index{
  display:none !important;
}

#daisy-bezpecnost .daisy-security-item-top{
  justify-content:flex-start !important;
  min-height:48px !important;
}

@media(max-width:1024px){

  #daisy-bezpecnost .daisy-security-item-top{
    min-height:48px !important;
  }

}

@media(max-width:820px){

  #daisy-bezpecnost .daisy-security-item-top{
    min-height:48px !important;
  }

}

@media(max-width:600px){

  #daisy-bezpecnost .daisy-security-item-top{
    min-height:42px !important;
  }

}




/* ==========================================
   V64 — PRICING DENSER / ROUTING VISUAL BELOW COPY
   ========================================== */

#daisy-cena .daisy-lead{
  max-width:760px;
}


/* ------------------------------------------
   MAIN DARK CARD — denser overall
   ------------------------------------------ */

#daisy-cena .daisy-price{
  position:relative;

  display:grid !important;
  grid-template-columns:minmax(0,1.28fr) minmax(280px,.72fr) !important;
  align-items:center !important;

  gap:34px !important;

  margin-top:44px !important;
  padding:42px 46px 38px !important;

  overflow:hidden;

  border-radius:30px !important;

  background:
    radial-gradient(
      circle at 88% 26%,
      rgba(88,215,221,.11),
      transparent 31%
    ),
    radial-gradient(
      circle at 67% 118%,
      rgba(114,101,239,.105),
      transparent 38%
    ),
    #111119 !important;
}


/* Softer background brand ring */
#daisy-cena .daisy-price::after{
  width:235px !important;
  height:235px !important;

  right:-108px !important;
  top:-118px !important;

  border-width:30px !important;

  opacity:.18 !important;
}


#daisy-cena .daisy-price-copy{
  position:relative;
  z-index:3;

  min-width:0;
}


#daisy-cena .daisy-price-copy > h3{
  max-width:670px;

  margin:0 !important;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:clamp(34px,3.15vw,48px) !important;
  line-height:1.04 !important;
  font-weight:600;

  letter-spacing:-.042em;
}


#daisy-cena .daisy-price-copy > p{
  max-width:610px;

  margin-top:16px !important;

  color:rgba(255,255,255,.57) !important;

  font-size:14.5px !important;
  line-height:1.56 !important;
}


/* ------------------------------------------
   ROUTING VISUAL — same visual language as security shield
   ------------------------------------------ */

.daisy-cost-visual{
  position:relative;

  min-height:166px;

  display:grid;
  grid-template-columns:minmax(120px,.84fr) 64px 148px 64px minmax(190px,1.25fr);
  align-items:center;

  gap:0;

  margin-top:28px;
  padding:22px 20px 19px;

  overflow:hidden;

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

  background:
    radial-gradient(
      circle at 48% 50%,
      rgba(114,101,239,.09),
      transparent 29%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.036),
      rgba(255,255,255,.012)
    );

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


.daisy-cost-visual-glow{
  position:absolute;

  left:47%;
  top:50%;

  width:250px;
  height:145px;

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

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.13),
      rgba(88,215,221,.045) 43%,
      transparent 72%
    );

  filter:blur(14px);

  pointer-events:none;
}


.daisy-cost-input,
.daisy-cost-router,
.daisy-cost-models,
.daisy-cost-route-line{
  position:relative;
  z-index:3;
}


/* INPUT */
.daisy-cost-input{
  min-height:72px;

  display:flex;
  align-items:center;

  gap:10px;

  padding:11px 12px;

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

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


.daisy-cost-input-icon{
  width:36px;
  height:36px;

  flex:0 0 36px;

  display:grid;
  place-items:center;

  border-radius:11px;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.72),
      rgba(88,215,221,.42)
    );

  box-shadow:
    0 10px 24px rgba(114,101,239,.12);
}


.daisy-cost-input-icon svg{
  width:18px;
  height:18px;

  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.daisy-cost-input span,
.daisy-cost-model span{
  display:block;

  color:rgba(255,255,255,.30);

  font-size:7.5px;
  line-height:1.15;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}


.daisy-cost-input strong{
  display:block;

  margin-top:5px;

  color:rgba(255,255,255,.79);

  font-size:10.5px;
  line-height:1.2;
  font-weight:700;
}


/* CONNECTING LINE */
.daisy-cost-route-line{
  height:1px;

  overflow:visible;

  background:
    linear-gradient(
      90deg,
      rgba(114,101,239,.22),
      rgba(88,215,221,.42)
    );
}


.daisy-cost-route-line i{
  position:absolute;

  top:50%;

  width:6px;
  height:6px;

  transform:translateY(-50%);

  border-radius:50%;

  background:#58D7DD;

  box-shadow:0 0 12px rgba(88,215,221,.50);

  animation:daisyCostSignal 2.7s ease-in-out infinite;
}


.daisy-cost-route-line-left i{
  left:10%;
}


.daisy-cost-route-line-right i{
  left:12%;

  animation-delay:.45s;
}


@keyframes daisyCostSignal{

  0%,100%{
    opacity:.25;
    transform:
      translateY(-50%)
      scale(.72);
  }

  48%{
    opacity:1;
    transform:
      translateY(-50%)
      scale(1);
  }

}


/* CENTRAL DAISY ROUTER */
.daisy-cost-router{
  width:126px;
  height:126px;

  justify-self:center;

  display:grid;
  place-items:center;
}


.daisy-cost-router-orbit{
  position:absolute;

  inset:4px;

  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;

  transform:rotate(-14deg);
}


.daisy-cost-router-orbit::before{
  content:"";

  position:absolute;

  width:7px;
  height:7px;

  right:10px;
  top:24px;

  border-radius:50%;

  background:#58D7DD;

  box-shadow:0 0 13px rgba(88,215,221,.45);
}


.daisy-cost-router-core{
  position:relative;
  z-index:3;

  width:92px;
  height:92px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(114,101,239,.19);
  border-radius:50%;

  background:
    radial-gradient(
      circle at 65% 22%,
      rgba(88,215,221,.11),
      transparent 37%
    ),
    rgba(114,101,239,.075);

  box-shadow:
    0 18px 38px rgba(0,0,0,.16),
    0 0 28px rgba(114,101,239,.055);
}


.daisy-cost-router-mark{
  width:28px;
  height:28px;

  display:grid;
  place-items:center;

  padding:6px;

  border:1px solid rgba(255,255,255,.085);
  border-radius:9px;

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


.daisy-cost-router-mark img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}


.daisy-cost-router-core strong{
  margin-top:7px;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:600;
  letter-spacing:.10em;
}


.daisy-cost-router-core span{
  max-width:72px;

  margin-top:4px;

  color:rgba(255,255,255,.36);

  font-size:6.8px;
  line-height:1.18;

  text-align:center;
}


/* TWO MODEL OUTPUTS */
.daisy-cost-models{
  display:grid;

  gap:7px;
}


.daisy-cost-model{
  min-height:52px;

  display:grid;
  grid-template-columns:7px minmax(0,1fr);
  align-items:center;

  gap:9px;

  padding:9px 11px;

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

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


.daisy-cost-model-economy{
  border-color:rgba(88,215,221,.13);

  background:
    linear-gradient(
      145deg,
      rgba(88,215,221,.045),
      rgba(255,255,255,.015)
    );
}


.daisy-cost-model-power{
  border-color:rgba(114,101,239,.15);

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.055),
      rgba(255,255,255,.015)
    );
}


.daisy-cost-model-dot{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#58D7DD;

  box-shadow:0 0 10px rgba(88,215,221,.32);
}


.daisy-cost-model-power .daisy-cost-model-dot{
  background:#786AF0;

  box-shadow:0 0 10px rgba(114,101,239,.32);
}


.daisy-cost-model strong{
  display:block;

  margin-top:3px;

  color:rgba(255,255,255,.82);

  font-size:10.5px;
  line-height:1.16;
  font-weight:700;
}


.daisy-cost-model small{
  display:block;

  margin-top:3px;

  color:rgba(255,255,255,.31);

  font-size:7.8px;
  line-height:1.12;
}


.daisy-cost-visual-label{
  position:absolute;

  left:18px;
  bottom:8px;

  color:rgba(255,255,255,.20);

  font-size:7px;
  line-height:1;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}


/* ------------------------------------------
   SAVING RING — tighter placement
   ------------------------------------------ */

#daisy-cena .daisy-saving{
  position:relative;
  z-index:3;

  min-height:0 !important;

  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center !important;

  padding:0 !important;
  margin:0 !important;
}


#daisy-cena .daisy-saving-ring{
  width:246px !important;
  height:246px !important;

  transform:none !important;
}


#daisy-cena .daisy-saving-center{
  width:166px !important;
  height:166px !important;
}


#daisy-cena .daisy-saving-number strong{
  font-size:64px !important;
}


#daisy-cena .daisy-saving-number em{
  font-size:28px !important;
}


#daisy-cena .daisy-saving-caption{
  max-width:290px !important;

  margin-top:10px !important;
}


#daisy-cena .daisy-saving-caption strong{
  font-size:14.5px !important;
  line-height:1.15 !important;
}


#daisy-cena .daisy-saving-caption span{
  margin-top:3px !important;

  font-size:12.5px !important;
  line-height:1.2 !important;
}


/* ------------------------------------------
   TABLET — keep the dense two-column composition longer
   ------------------------------------------ */

@media(max-width:1050px){

  #daisy-cena .daisy-price{
    grid-template-columns:minmax(0,1fr) 240px !important;

    gap:24px !important;

    padding:34px 32px 32px !important;
  }

  #daisy-cena .daisy-price-copy > h3{
    font-size:clamp(32px,4.4vw,42px) !important;
  }

  .daisy-cost-visual{
    grid-template-columns:minmax(105px,.82fr) 42px 118px 42px minmax(155px,1.2fr);

    min-height:154px;

    padding:18px 16px 17px;
  }

  .daisy-cost-router{
    width:108px;
    height:108px;
  }

  .daisy-cost-router-core{
    width:82px;
    height:82px;
  }

  #daisy-cena .daisy-saving-ring{
    width:214px !important;
    height:214px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:144px !important;
    height:144px !important;
  }

  #daisy-cena .daisy-saving-number strong{
    font-size:55px !important;
  }

}


/* ------------------------------------------
   SMALL TABLET
   ------------------------------------------ */

@media(max-width:820px){

  #daisy-cena .daisy-price{
    grid-template-columns:1fr !important;

    gap:24px !important;

    padding:30px 28px !important;
  }

  #daisy-cena .daisy-saving{
    display:grid !important;
    grid-template-columns:190px minmax(0,1fr);

    align-items:center !important;

    gap:18px;

    width:min(100%,500px);

    margin:0 auto !important;
  }

  #daisy-cena .daisy-saving-ring{
    width:186px !important;
    height:186px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:124px !important;
    height:124px !important;
  }

  #daisy-cena .daisy-saving-number strong{
    font-size:48px !important;
  }

  #daisy-cena .daisy-saving-number em{
    font-size:22px !important;
  }

  #daisy-cena .daisy-saving-caption{
    margin:0 !important;

    text-align:left;
  }

}


/* ------------------------------------------
   MOBILE
   Keep the illustration, but make the flow vertical and readable.
   ------------------------------------------ */

@media(max-width:600px){

  #daisy-cena .daisy-price{
    gap:24px !important;

    margin-top:34px !important;
    padding:25px 19px 24px !important;

    border-radius:24px !important;
  }

  #daisy-cena .daisy-price-copy > h3{
    font-size:34px !important;
    line-height:1.03 !important;
  }

  #daisy-cena .daisy-price-copy > p{
    margin-top:14px !important;

    font-size:13.2px !important;
    line-height:1.52 !important;
  }

  .daisy-cost-visual{
    grid-template-columns:1fr;
    grid-template-rows:auto 28px auto 28px auto;

    gap:0;

    min-height:0;

    margin-top:24px;

    padding:16px 14px 20px;

    border-radius:19px;
  }

  .daisy-cost-input{
    width:min(100%,220px);

    justify-self:center;
  }

  .daisy-cost-route-line{
    width:1px;
    height:100%;

    justify-self:center;

    background:
      linear-gradient(
        180deg,
        rgba(114,101,239,.22),
        rgba(88,215,221,.42)
      );
  }

  .daisy-cost-route-line i{
    left:50% !important;
    top:18%;

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

    animation:none;
  }

  .daisy-cost-router{
    width:112px;
    height:112px;

    justify-self:center;
  }

  .daisy-cost-router-core{
    width:84px;
    height:84px;
  }

  .daisy-cost-models{
    width:min(100%,280px);

    justify-self:center;

    grid-template-columns:1fr 1fr;

    gap:7px;
  }

  .daisy-cost-model{
    min-height:80px;

    grid-template-columns:1fr;

    gap:6px;

    align-content:center;

    padding:10px;
  }

  .daisy-cost-model-dot{
    display:none;
  }

  .daisy-cost-model span{
    font-size:6.8px;
  }

  .daisy-cost-model strong{
    font-size:9.5px;
  }

  .daisy-cost-model small{
    font-size:7.2px;
  }

  .daisy-cost-visual-label{
    display:none;
  }

  #daisy-cena .daisy-saving{
    display:flex !important;

    width:100%;

    gap:0;
  }

  #daisy-cena .daisy-saving-ring{
    width:190px !important;
    height:190px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:128px !important;
    height:128px !important;
  }

  #daisy-cena .daisy-saving-caption{
    margin-top:10px !important;

    text-align:center;
  }

}


/* Reduced motion */
@media(prefers-reduced-motion:reduce){

  .daisy-cost-route-line i{
    animation:none !important;
  }

}




/* ==========================================
   V65 — CENTERED SECTION HEADS + READABLE DIAGRAM COPY
   ========================================== */


/* ------------------------------------------
   SECTION HEAD RHYTHM
   Center only eyebrow + main title + lead.
   Split-layout sections (security/contact etc.) stay untouched.
   ------------------------------------------ */

#daisy-problemy > .daisy-container > .daisy-eyebrow,
#daisy-problemy > .daisy-container > .daisy-title,
#daisy-problemy > .daisy-container > .daisy-lead,

#daisy-vyuziti > .daisy-container > .daisy-eyebrow,
#daisy-vyuziti > .daisy-container > .daisy-title,
#daisy-vyuziti > .daisy-container > .daisy-lead,

#daisy-cena > .daisy-container > .daisy-eyebrow,
#daisy-cena > .daisy-container > .daisy-title,
#daisy-cena > .daisy-container > .daisy-lead{
  margin-left:auto !important;
  margin-right:auto !important;

  text-align:center !important;
}


#daisy-problemy > .daisy-container > .daisy-title{
  max-width:900px !important;
}

#daisy-problemy > .daisy-container > .daisy-lead{
  max-width:720px !important;
}


#daisy-vyuziti > .daisy-container > .daisy-title{
  max-width:900px !important;
}

#daisy-vyuziti > .daisy-container > .daisy-lead{
  max-width:720px !important;
}


#daisy-cena > .daisy-container > .daisy-title{
  max-width:960px !important;
}

#daisy-cena > .daisy-container > .daisy-lead{
  max-width:790px !important;
}


/* Existing centered sections: keep eyebrow + lead consistently centered too. */
#daisy-integrace > .daisy-container > .daisy-eyebrow,
#daisy-integrace > .daisy-container > .daisy-title,
#daisy-integrace > .daisy-container > .daisy-lead,

#daisy-nasazeni > .daisy-container > .daisy-eyebrow,
#daisy-nasazeni > .daisy-container > .daisy-title,

#daisy-faq > .daisy-container > .daisy-eyebrow,
#daisy-faq > .daisy-container > .daisy-title{
  margin-left:auto !important;
  margin-right:auto !important;

  text-align:center !important;
}


/* ------------------------------------------
   SECURITY ILLUSTRATION — bigger, genuinely readable labels
   ------------------------------------------ */

.daisy-security-node{
  gap:8px !important;

  padding:8px 12px !important;

  font-size:11.5px !important;
  line-height:1.05 !important;
  font-weight:650 !important;
  letter-spacing:-.005em !important;
}


.daisy-security-node-dot{
  width:6px !important;
  height:6px !important;

  flex-basis:6px !important;
}


.daisy-security-node-access{
  left:1% !important;
  top:22% !important;
}


.daisy-security-node-data{
  right:-1% !important;
  top:28% !important;
}


.daisy-security-node-license{
  left:7% !important;
  bottom:19% !important;
}


.daisy-security-status{
  right:0 !important;
  bottom:12% !important;

  gap:8px !important;

  font-size:9.5px !important;
  line-height:1.1 !important;
  letter-spacing:.045em !important;
}


.daisy-security-router-copy{
  font-size:inherit;
}


/* Give the labels a touch more air without making the whole card taller. */
.daisy-security-visual{
  min-height:245px !important;
}


/* ------------------------------------------
   COST / MODEL ROUTING VISUAL — larger text
   ------------------------------------------ */

.daisy-cost-visual{
  min-height:178px !important;

  grid-template-columns:
    minmax(132px,.88fr)
    62px
    154px
    62px
    minmax(205px,1.28fr) !important;

  padding:22px 21px 20px !important;
}


.daisy-cost-input{
  min-height:78px !important;

  gap:11px !important;

  padding:12px 13px !important;
}


.daisy-cost-input-icon{
  width:38px !important;
  height:38px !important;

  flex-basis:38px !important;
}


.daisy-cost-input span,
.daisy-cost-model span{
  font-size:9px !important;
  line-height:1.15 !important;
  letter-spacing:.075em !important;
}


.daisy-cost-input strong{
  margin-top:5px !important;

  font-size:12.5px !important;
  line-height:1.18 !important;
}


.daisy-cost-router{
  width:136px !important;
  height:136px !important;
}


.daisy-cost-router-core{
  width:102px !important;
  height:102px !important;
}


.daisy-cost-router-mark{
  width:31px !important;
  height:31px !important;
}


.daisy-cost-router-core strong{
  margin-top:7px !important;

  font-size:11px !important;
  letter-spacing:.085em !important;
}


.daisy-cost-router-core span{
  max-width:86px !important;

  margin-top:5px !important;

  font-size:8.3px !important;
  line-height:1.22 !important;
}


.daisy-cost-models{
  gap:9px !important;
}


.daisy-cost-model{
  min-height:60px !important;

  grid-template-columns:7px minmax(0,1fr) !important;

  gap:10px !important;

  padding:10px 12px !important;
}


.daisy-cost-model strong{
  margin-top:4px !important;

  font-size:12.5px !important;
  line-height:1.18 !important;
}


.daisy-cost-model small{
  margin-top:4px !important;

  font-size:9px !important;
  line-height:1.15 !important;
}


.daisy-cost-visual-label{
  left:20px !important;
  bottom:8px !important;

  font-size:8.2px !important;
  letter-spacing:.09em !important;
}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1050px){

  .daisy-cost-visual{
    grid-template-columns:
      minmax(118px,.9fr)
      42px
      126px
      42px
      minmax(180px,1.25fr) !important;

    min-height:170px !important;

    padding:19px 17px 18px !important;
  }

  .daisy-cost-router{
    width:118px !important;
    height:118px !important;
  }

  .daisy-cost-router-core{
    width:90px !important;
    height:90px !important;
  }

  .daisy-cost-router-core strong{
    font-size:10px !important;
  }

  .daisy-cost-router-core span{
    font-size:7.7px !important;
  }

  .daisy-cost-input span,
  .daisy-cost-model span{
    font-size:8.4px !important;
  }

  .daisy-cost-input strong,
  .daisy-cost-model strong{
    font-size:11.5px !important;
  }

  .daisy-cost-model small{
    font-size:8.5px !important;
  }

}


/* ------------------------------------------
   MOBILE / SMALL TABLET
   Keep the centered section-head concept on tablet,
   but return long editorial heads to left on phones.
   ------------------------------------------ */

@media(max-width:700px){

  #daisy-problemy > .daisy-container > .daisy-eyebrow,
  #daisy-problemy > .daisy-container > .daisy-title,
  #daisy-problemy > .daisy-container > .daisy-lead,

  #daisy-vyuziti > .daisy-container > .daisy-eyebrow,
  #daisy-vyuziti > .daisy-container > .daisy-title,
  #daisy-vyuziti > .daisy-container > .daisy-lead,

  #daisy-cena > .daisy-container > .daisy-eyebrow,
  #daisy-cena > .daisy-container > .daisy-title,
  #daisy-cena > .daisy-container > .daisy-lead,

  #daisy-integrace > .daisy-container > .daisy-eyebrow,
  #daisy-integrace > .daisy-container > .daisy-title,
  #daisy-integrace > .daisy-container > .daisy-lead,

  #daisy-nasazeni > .daisy-container > .daisy-eyebrow,
  #daisy-nasazeni > .daisy-container > .daisy-title,

  #daisy-faq > .daisy-container > .daisy-eyebrow,
  #daisy-faq > .daisy-container > .daisy-title{
    margin-left:0 !important;
    margin-right:0 !important;

    text-align:left !important;
  }


  /* Security illustration labels stay readable,
     but don't collide on a narrow screen. */
  .daisy-security-node{
    padding:7px 9px !important;

    font-size:9px !important;
  }

  .daisy-security-node-access{
    left:0 !important;
    top:22% !important;
  }

  .daisy-security-node-data{
    right:0 !important;
    top:28% !important;
  }

  .daisy-security-node-license{
    left:2% !important;
    bottom:20% !important;
  }

  .daisy-security-status{
    font-size:8px !important;
  }


  /* Cost diagram becomes vertical; use the saved space for larger text. */
  .daisy-cost-visual{
    min-height:0 !important;

    padding:18px 15px 20px !important;
  }

  .daisy-cost-input{
    width:min(100%,245px) !important;

    min-height:76px !important;

    padding:12px 14px !important;
  }

  .daisy-cost-input span{
    font-size:8.5px !important;
  }

  .daisy-cost-input strong{
    font-size:12.5px !important;
  }

  .daisy-cost-router{
    width:120px !important;
    height:120px !important;
  }

  .daisy-cost-router-core{
    width:92px !important;
    height:92px !important;
  }

  .daisy-cost-router-core strong{
    font-size:10.5px !important;
  }

  .daisy-cost-router-core span{
    max-width:78px !important;

    font-size:7.8px !important;
  }

  .daisy-cost-models{
    width:min(100%,310px) !important;

    gap:9px !important;
  }

  .daisy-cost-model{
    min-height:88px !important;

    padding:12px !important;
  }

  .daisy-cost-model span{
    font-size:7.8px !important;
  }

  .daisy-cost-model strong{
    font-size:11px !important;
    line-height:1.18 !important;
  }

  .daisy-cost-model small{
    font-size:8.2px !important;
  }

}


/* Extra narrow phone cleanup for shield labels */
@media(max-width:390px){

  .daisy-security-node{
    font-size:8.5px !important;
  }

  .daisy-security-node-data{
    right:-2px !important;
  }

}




/* ==========================================
   V66 — CENTERED BADGES / BADGE MOTION / LARGER DIAGRAM MICROCOPY
   ========================================== */


/* ------------------------------------------
   CENTER ALL "BADGE HEADINGS" THAT BELONG TO
   STANDALONE CENTERED SECTION HEADS.
   Because eyebrow is inline-flex, auto margins alone were not enough.
   ------------------------------------------ */

#daisy-problemy > .daisy-container > .daisy-eyebrow,
#daisy-integrace > .daisy-container > .daisy-eyebrow,
#daisy-vyuziti > .daisy-container > .daisy-eyebrow,
#daisy-cena > .daisy-container > .daisy-eyebrow,
#daisy-nasazeni > .daisy-container > .daisy-eyebrow,
#daisy-faq > .daisy-container > .daisy-eyebrow{
  display:flex !important;

  width:max-content !important;
  max-width:100%;

  margin-left:auto !important;
  margin-right:auto !important;

  justify-content:center !important;
  text-align:center !important;
}


/* ------------------------------------------
   PREMIUM EYEBROW / BADGE REVEAL
   Existing JS already adds .daisy-scroll-item + .is-visible
   to every section eyebrow. This only upgrades the motion.
   ------------------------------------------ */

.daisy-section .daisy-eyebrow.daisy-scroll-item{
  transition:
    opacity .66s cubic-bezier(.22,1,.36,1),
    transform .78s cubic-bezier(.22,1,.36,1),
    filter .72s cubic-bezier(.22,1,.36,1),
    letter-spacing .82s cubic-bezier(.22,1,.36,1) !important;
}


.daisy-motion-enabled
.daisy-section
.daisy-eyebrow.daisy-scroll-item:not(.is-visible){
  opacity:0 !important;

  transform:
    translate3d(0,12px,0)
    scale(.985) !important;

  filter:blur(3px);

  letter-spacing:.205em;
}


.daisy-section .daisy-eyebrow.daisy-scroll-item.is-visible{
  opacity:1;

  transform:
    translate3d(0,0,0)
    scale(1);

  filter:blur(0);

  letter-spacing:.16em;
}


/* ------------------------------------------
   COST ROUTING ILLUSTRATION
   Increase tiny explanatory text without making it bulky.
   ------------------------------------------ */

.daisy-cost-visual{
  min-height:188px !important;

  padding-top:24px !important;
  padding-bottom:23px !important;
}


.daisy-cost-router{
  width:142px !important;
  height:142px !important;
}


.daisy-cost-router-core{
  width:110px !important;
  height:110px !important;

  padding:8px;
}


.daisy-cost-router-mark{
  width:32px !important;
  height:32px !important;
}


.daisy-cost-router-core strong{
  margin-top:7px !important;

  font-size:11.5px !important;
}


.daisy-cost-router-core span{
  max-width:90px !important;

  margin-top:5px !important;

  color:rgba(255,255,255,.57) !important;

  font-size:10.5px !important;
  line-height:1.17 !important;
  font-weight:600 !important;

  text-align:center;
}


.daisy-cost-model{
  min-height:66px !important;

  padding:11px 13px !important;
}


.daisy-cost-model span{
  font-size:9.3px !important;
}


.daisy-cost-model strong{
  font-size:12.8px !important;
}


.daisy-cost-model small{
  margin-top:5px !important;

  color:rgba(255,255,255,.55) !important;

  font-size:10.8px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
}


/* A little more breathing space between both model outputs. */
.daisy-cost-models{
  gap:10px !important;
}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1050px){

  .daisy-cost-visual{
    min-height:182px !important;
  }

  .daisy-cost-router{
    width:126px !important;
    height:126px !important;
  }

  .daisy-cost-router-core{
    width:98px !important;
    height:98px !important;
  }

  .daisy-cost-router-core strong{
    font-size:10.8px !important;
  }

  .daisy-cost-router-core span{
    max-width:82px !important;

    font-size:9.4px !important;
  }

  .daisy-cost-model{
    min-height:64px !important;
  }

  .daisy-cost-model small{
    font-size:10px !important;
  }

}


/* ------------------------------------------
   PHONE
   Keep section heads left aligned for readability,
   including their badge heading.
   ------------------------------------------ */

@media(max-width:700px){

  #daisy-problemy > .daisy-container > .daisy-eyebrow,
  #daisy-integrace > .daisy-container > .daisy-eyebrow,
  #daisy-vyuziti > .daisy-container > .daisy-eyebrow,
  #daisy-cena > .daisy-container > .daisy-eyebrow,
  #daisy-nasazeni > .daisy-container > .daisy-eyebrow,
  #daisy-faq > .daisy-container > .daisy-eyebrow{
    width:max-content !important;

    margin-left:0 !important;
    margin-right:0 !important;

    justify-content:flex-start !important;
    text-align:left !important;
  }


  .daisy-cost-visual{
    min-height:0 !important;

    padding-top:19px !important;
    padding-bottom:21px !important;
  }

  .daisy-cost-router{
    width:126px !important;
    height:126px !important;
  }

  .daisy-cost-router-core{
    width:98px !important;
    height:98px !important;
  }

  .daisy-cost-router-core strong{
    font-size:10.8px !important;
  }

  .daisy-cost-router-core span{
    max-width:82px !important;

    font-size:9.5px !important;
  }

  .daisy-cost-model{
    min-height:92px !important;

    padding:12px 10px !important;
  }

  .daisy-cost-model span{
    font-size:8.2px !important;
  }

  .daisy-cost-model strong{
    font-size:11.2px !important;
  }

  .daisy-cost-model small{
    font-size:9.6px !important;
  }

}


/* Reduced motion */
@media(prefers-reduced-motion:reduce){

  .daisy-section .daisy-eyebrow.daisy-scroll-item,
  .daisy-motion-enabled .daisy-section .daisy-eyebrow.daisy-scroll-item:not(.is-visible){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    letter-spacing:.16em !important;
    transition:none !important;
  }

}




/* ==========================================
   V67 — EYEBROW ANIMATION FIX
   Simple premium fade-in from below.
   ========================================== */

/*
  The existing JS already adds:
  .daisy-scroll-item
  .is-visible

  So this only changes the visual motion.
  No blur, no letter-spacing animation, no scaling.
*/

.daisy-section .daisy-eyebrow.daisy-scroll-item{
  filter:none !important;
  letter-spacing:.16em !important;

  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .78s cubic-bezier(.22,1,.36,1) !important;
}


.daisy-motion-enabled
.daisy-section
.daisy-eyebrow.daisy-scroll-item:not(.is-visible){
  opacity:0 !important;

  transform:
    translate3d(0,18px,0) !important;

  filter:none !important;
  letter-spacing:.16em !important;
}


.daisy-section .daisy-eyebrow.daisy-scroll-item.is-visible{
  opacity:1 !important;

  transform:
    translate3d(0,0,0) !important;

  filter:none !important;
  letter-spacing:.16em !important;
}


/* Reduced motion */
@media(prefers-reduced-motion:reduce){

  .daisy-section .daisy-eyebrow.daisy-scroll-item,
  .daisy-motion-enabled
  .daisy-section
  .daisy-eyebrow.daisy-scroll-item:not(.is-visible){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

}




/* ==========================================
   V68 — SAVINGS RING / SECURITY-VISUAL LANGUAGE
   ========================================== */

/*
  Keep the existing SVG + JS-driven progress animation,
  but restyle the whole 50% component so it feels like the
  same product family as the security shield illustration.
*/

#daisy-cena .daisy-saving-ring{
  position:relative !important;

  width:252px !important;
  height:252px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:50%;

  filter:
    drop-shadow(0 22px 34px rgba(0,0,0,.18))
    drop-shadow(0 0 28px rgba(114,101,239,.075));
}


/* Ambient purple/cyan halo — same feel as shield glow */
#daisy-cena .daisy-saving-ring::before{
  content:"";

  position:absolute;

  inset:-24px;

  z-index:0;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.15) 0%,
      rgba(88,215,221,.055) 38%,
      transparent 69%
    );

  filter:blur(18px);

  pointer-events:none;
}


/* Secondary thin orbit around the animated ring */
#daisy-cena .daisy-saving-ring::after{
  content:"";

  position:absolute;

  inset:11px;

  z-index:1;

  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;

  transform:rotate(-12deg);

  pointer-events:none;
}


#daisy-cena .daisy-saving-ring svg{
  position:relative;
  z-index:2;

  width:100% !important;
  height:100% !important;

  overflow:visible;
}


/* Darker restrained base track */
#daisy-cena .daisy-saving-track{
  fill:none !important;

  stroke:rgba(255,255,255,.075) !important;
  stroke-width:12 !important;
}


/* Main animated purple -> blue -> cyan progress */
#daisy-cena .daisy-saving-progress{
  fill:none !important;

  stroke:url(#daisySavingGradient) !important;
  stroke-width:12 !important;

  stroke-linecap:round !important;

  filter:
    drop-shadow(0 0 7px rgba(114,101,239,.16))
    drop-shadow(0 0 9px rgba(88,215,221,.08));
}


/* Inner protected-data core */
#daisy-cena .daisy-saving-center{
  position:absolute !important;
  z-index:4 !important;

  left:50% !important;
  top:50% !important;

  width:170px !important;
  height:170px !important;

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

  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:50% !important;

  background:
    radial-gradient(
      circle at 68% 22%,
      rgba(88,215,221,.09),
      transparent 35%
    ),
    radial-gradient(
      circle at 26% 82%,
      rgba(114,101,239,.11),
      transparent 42%
    ),
    rgba(24,25,35,.94) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 18px 38px rgba(0,0,0,.14) !important;
}


/* Small protected-status node like the shield's orbit details */
#daisy-cena .daisy-saving-center::before{
  content:"";

  position:absolute;

  width:7px;
  height:7px;

  right:14px;
  top:31px;

  border-radius:50%;

  background:#58D7DD;

  box-shadow:
    0 0 0 4px rgba(88,215,221,.055),
    0 0 13px rgba(88,215,221,.48);
}


#daisy-cena .daisy-saving-prefix{
  margin:0 0 5px !important;

  color:rgba(255,255,255,.46) !important;

  font-family:"Inter",sans-serif;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:600 !important;

  letter-spacing:.10em !important;
  text-transform:uppercase;
}


#daisy-cena .daisy-saving-number{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;

  gap:2px !important;

  line-height:1 !important;
}


#daisy-cena .daisy-saving-number strong{
  margin:0 !important;

  font-family:"Inter",sans-serif;
  font-size:66px !important;
  line-height:.88 !important;
  font-weight:600 !important;

  letter-spacing:-.055em !important;

  background:
    linear-gradient(
      135deg,
      #7B6EF2 4%,
      #6A91EB 48%,
      #58D7DD 100%
    );

  -webkit-background-clip:text;
  background-clip:text;

  color:transparent !important;
  -webkit-text-fill-color:transparent;
}


#daisy-cena .daisy-saving-number em{
  margin:0 0 2px 1px !important;

  font-family:"Inter",sans-serif;
  font-size:27px !important;
  line-height:1 !important;
  font-style:normal !important;
  font-weight:600 !important;

  color:#64C6E3 !important;
}


#daisy-cena .daisy-saving-caption{
  position:relative;
  z-index:3;

  max-width:280px !important;

  margin-top:14px !important;

  text-align:center;
}


#daisy-cena .daisy-saving-caption strong{
  color:rgba(255,255,255,.90) !important;

  font-size:14.5px !important;
  line-height:1.16 !important;
}


#daisy-cena .daisy-saving-caption span{
  color:rgba(255,255,255,.46) !important;

  font-size:12.5px !important;
}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1050px){

  #daisy-cena .daisy-saving-ring{
    width:220px !important;
    height:220px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:148px !important;
    height:148px !important;
  }

  #daisy-cena .daisy-saving-number strong{
    font-size:57px !important;
  }

  #daisy-cena .daisy-saving-number em{
    font-size:24px !important;
  }

  #daisy-cena .daisy-saving-center::before{
    right:12px;
    top:27px;
  }

}


/* ------------------------------------------
   SMALL TABLET
   ------------------------------------------ */

@media(max-width:820px){

  #daisy-cena .daisy-saving-ring{
    width:190px !important;
    height:190px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:128px !important;
    height:128px !important;
  }

  #daisy-cena .daisy-saving-number strong{
    font-size:49px !important;
  }

  #daisy-cena .daisy-saving-number em{
    font-size:21px !important;
  }

  #daisy-cena .daisy-saving-prefix{
    font-size:9px !important;
  }

}


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

@media(max-width:600px){

  #daisy-cena .daisy-saving-ring{
    width:194px !important;
    height:194px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:132px !important;
    height:132px !important;
  }

  #daisy-cena .daisy-saving-number strong{
    font-size:50px !important;
  }

  #daisy-cena .daisy-saving-number em{
    font-size:21px !important;
  }

  #daisy-cena .daisy-saving-caption{
    margin-top:12px !important;
  }

}


/* Reduced motion does not affect appearance. */
@media(prefers-reduced-motion:reduce){

  #daisy-cena .daisy-saving-ring,
  #daisy-cena .daisy-saving-progress{
    filter:none !important;
  }

}




/* ==========================================
   V70 — INTEGRATION MAP ILLUSTRATION
   + revert pricing ring to V68, only remove dots
   ========================================== */

/* Exactly what was requested for pricing:
   keep the V68 ring/router visuals, remove only both cyan dots. */
#daisy-cena .daisy-saving-center::before,
.daisy-cost-router-orbit::before{
  display:none !important;
}


/* ------------------------------------------
   INTEGRATION MAP
   ------------------------------------------ */

#daisy-integrace .daisy-integration-map-stage{
  position:relative;

  width:min(100%,1120px);
  max-width:1120px !important;

  margin:48px auto 0 !important;
}


.daisy-integration-map{
  position:relative;

  width:100%;
  min-height:450px;

  isolation:isolate;
}


/* soft background atmosphere */
.daisy-integration-map::before{
  content:"";

  position:absolute;

  left:50%;
  top:51%;

  width:600px;
  height:340px;

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

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.12) 0%,
      rgba(88,215,221,.035) 42%,
      transparent 72%
    );

  filter:blur(26px);

  pointer-events:none;
}


.daisy-integration-connections{
  position:absolute;
  inset:0;

  z-index:1;

  width:100%;
  height:100%;

  overflow:visible;

  pointer-events:none;
}


.daisy-integration-connections path{
  fill:none;

  stroke:url(#daisyIntegrationLineA);
  stroke-width:1.2;

  opacity:.27;

  vector-effect:non-scaling-stroke;
}


/* ------------------------------------------
   CENTRAL DAISY CORE
   ------------------------------------------ */

.daisy-integration-core{
  position:absolute;

  left:50%;
  top:50%;

  z-index:5;

  width:180px;
  height:180px;

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

  display:grid;
  place-items:center;
}


.daisy-integration-core::before{
  content:"";

  position:absolute;

  inset:-28px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.14),
      rgba(88,215,221,.045) 43%,
      transparent 70%
    );

  filter:blur(15px);

  pointer-events:none;
}


.daisy-integration-core-orbit{
  position:absolute;

  inset:0;

  border:1px solid rgba(255,255,255,.075);
  border-radius:50%;

  transform:rotate(-12deg);
}


.daisy-integration-core-orbit::after{
  content:"";

  position:absolute;

  inset:15px;

  border:1px solid rgba(255,255,255,.04);
  border-radius:50%;

  transform:rotate(21deg);
}


.daisy-integration-core-inner{
  position:relative;
  z-index:3;

  width:132px;
  height:132px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(114,101,239,.19);
  border-radius:50%;

  background:
    radial-gradient(
      circle at 68% 22%,
      rgba(88,215,221,.09),
      transparent 38%
    ),
    radial-gradient(
      circle at 30% 84%,
      rgba(114,101,239,.11),
      transparent 46%
    ),
    #171822;

  box-shadow:
    0 24px 52px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04);
}


.daisy-integration-core-mark{
  width:40px;
  height:40px;

  display:grid;
  place-items:center;

  padding:9px;

  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;

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


.daisy-integration-core-mark img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
}


.daisy-integration-core strong{
  margin-top:10px;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:600;
  letter-spacing:.08em;
}


.daisy-integration-core span{
  margin-top:6px;

  color:rgba(255,255,255,.40);

  font-size:10px;
  line-height:1;
  font-weight:600;
}


/* ------------------------------------------
   SOURCE NODES
   ------------------------------------------ */

#daisy-integrace .daisy-integration-node{
  position:absolute;
  z-index:4;

  width:245px;
  min-height:82px;

  display:grid !important;
  grid-template-columns:42px minmax(0,1fr);

  align-items:center;

  gap:13px;

  padding:14px 15px !important;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:17px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.05),
      rgba(255,255,255,.018)
    ) !important;

  box-shadow:
    0 14px 32px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.035) !important;

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

  transition:
    transform .36s cubic-bezier(.22,1,.36,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .36s ease !important;
}


#daisy-integrace .daisy-integration-node::before{
  content:"";

  position:absolute;

  left:15px;
  top:0;

  width:78px;
  height:2px;

  border-radius:0 0 999px 999px;

  background:var(--d-gradient);

  opacity:.32;

  transform:none !important;
}


#daisy-integrace .daisy-integration-node::after{
  display:none !important;
}


.daisy-integration-node-icon{
  width:42px;
  height:42px;

  display:grid;
  place-items:center;

  border:1px solid rgba(114,101,239,.17);
  border-radius:13px;

  color:#8478F5;

  background:
    linear-gradient(
      145deg,
      rgba(114,101,239,.105),
      rgba(88,215,221,.04)
    );
}


.daisy-integration-node-icon svg{
  width:20px;
  height:20px;

  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}


.daisy-integration-node > div:last-child{
  min-width:0;
}


.daisy-integration-node span{
  display:block;

  margin-bottom:5px;

  color:rgba(255,255,255,.25);

  font-family:"Inter",sans-serif;
  font-size:8px;
  line-height:1;
  font-weight:600;
  letter-spacing:.12em;
}


.daisy-integration-node strong{
  display:block;

  color:#fff;

  font-family:"Inter",sans-serif;
  font-size:13.5px;
  line-height:1.19;
  font-weight:600;
}


/* asymmetric satellite placement around the central hub */
.daisy-integration-node-1{
  left:4%;
  top:25px;
}


.daisy-integration-node-2{
  right:4%;
  top:25px;
}


.daisy-integration-node-3{
  right:0;
  top:184px;
}


.daisy-integration-node-4{
  right:8%;
  bottom:0;
}


.daisy-integration-node-5{
  left:8%;
  bottom:0;
}


@media(hover:hover){

  #daisy-integrace .daisy-integration-node:hover{
    transform:translateY(-4px) !important;

    border-color:rgba(114,101,239,.22) !important;

    background:
      linear-gradient(
        145deg,
        rgba(114,101,239,.07),
        rgba(88,215,221,.022)
      ) !important;

    box-shadow:
      0 20px 42px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

}


/* ------------------------------------------
   TABLET
   Keep the DAISY core as the hero of the visual,
   convert satellites into a readable grid beneath it.
   ------------------------------------------ */

@media(max-width:900px){

  #daisy-integrace .daisy-integration-map-stage{
    max-width:720px !important;

    margin-top:40px !important;
  }

  .daisy-integration-map{
    min-height:0;

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

    gap:12px;

    padding-top:210px;
  }

  .daisy-integration-map::before{
    top:90px;

    width:420px;
    height:230px;
  }

  .daisy-integration-connections{
    display:none;
  }

  .daisy-integration-core{
    top:0;
    left:50%;

    width:176px;
    height:176px;

    transform:translateX(-50%);
  }

  #daisy-integrace .daisy-integration-node{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;
    min-height:80px;

    transform:none;
  }

  #daisy-integrace .daisy-integration-node-5{
    grid-column:1 / -1;

    width:calc(50% - 6px) !important;

    justify-self:center;
  }

}


/* ------------------------------------------
   PHONE
   One hub + five clean source rows.
   ------------------------------------------ */

@media(max-width:600px){

  #daisy-integrace .daisy-integration-map-stage{
    margin-top:32px !important;
  }

  .daisy-integration-map{
    grid-template-columns:1fr;

    gap:9px;

    padding-top:170px;
  }

  .daisy-integration-map::before{
    top:76px;

    width:300px;
    height:190px;
  }

  .daisy-integration-core{
    width:145px;
    height:145px;
  }

  .daisy-integration-core-inner{
    width:108px;
    height:108px;
  }

  .daisy-integration-core-mark{
    width:34px;
    height:34px;

    padding:8px;
  }

  .daisy-integration-core strong{
    margin-top:8px;

    font-size:12px;
  }

  .daisy-integration-core span{
    margin-top:5px;

    font-size:9px;
  }

  #daisy-integrace .daisy-integration-node,
  #daisy-integrace .daisy-integration-node-5{
    grid-column:auto;

    width:100% !important;
    min-height:0;

    grid-template-columns:40px minmax(0,1fr);

    gap:12px;

    padding:13px 14px !important;
  }

  .daisy-integration-node-icon{
    width:40px;
    height:40px;
  }

  .daisy-integration-node strong{
    font-size:13px;
  }

}


/* ------------------------------------------
   Reduced motion
   ------------------------------------------ */

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

  #daisy-integrace .daisy-integration-node{
    transition:none !important;
  }

}




/* ==========================================
   V71 — INTEGRATION HUB: BIGGER / CLOSER / CLEANER
   ========================================== */

/* ------------------------------------------
   CENTRAL DAISY CORE
   Bigger visual anchor, only ONE outer orbit line.
   ------------------------------------------ */

.daisy-integration-core{
  width:224px !important;
  height:224px !important;
}

.daisy-integration-core::before{
  inset:-32px !important;

  background:
    radial-gradient(
      circle,
      rgba(114,101,239,.16),
      rgba(88,215,221,.05) 43%,
      transparent 70%
    ) !important;

  filter:blur(17px) !important;
}

/* Remove the largest outer circle. */
.daisy-integration-core-orbit{
  inset:0 !important;

  border:0 !important;
}

/* Keep only the closer/smaller orbit line. */
.daisy-integration-core-orbit::after{
  inset:24px !important;

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

  transform:rotate(18deg) !important;
}

.daisy-integration-core-inner{
  width:160px !important;
  height:160px !important;

  border-color:rgba(114,101,239,.22) !important;

  background:
    radial-gradient(
      circle at 68% 22%,
      rgba(88,215,221,.11),
      transparent 38%
    ),
    radial-gradient(
      circle at 30% 84%,
      rgba(114,101,239,.14),
      transparent 46%
    ),
    #171822 !important;

  box-shadow:
    0 28px 60px rgba(0,0,0,.24),
    0 0 38px rgba(114,101,239,.06),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.daisy-integration-core-mark{
  width:46px !important;
  height:46px !important;

  padding:10px !important;

  border-radius:14px !important;
}

.daisy-integration-core strong{
  margin-top:12px !important;

  font-size:16px !important;
}

.daisy-integration-core span{
  margin-top:7px !important;

  font-size:11.5px !important;
}


/* ------------------------------------------
   STRAIGHT GRADIENT CONNECTORS
   ------------------------------------------ */

.daisy-integration-connections path{
  stroke-width:1.65 !important;

  opacity:.52 !important;
}


/* ------------------------------------------
   BIGGER SOURCE BOXES, CLOSER TO THE CORE
   ------------------------------------------ */

#daisy-integrace .daisy-integration-node{
  width:282px !important;
  min-height:96px !important;

  grid-template-columns:46px minmax(0,1fr) !important;

  gap:15px !important;

  padding:16px 17px !important;

  border-radius:18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.058),
      rgba(255,255,255,.020)
    ) !important;
}

#daisy-integrace .daisy-integration-node::before{
  left:17px !important;

  width:92px !important;

  opacity:.43 !important;
}

.daisy-integration-node-icon{
  width:46px !important;
  height:46px !important;

  border-radius:14px !important;
}

.daisy-integration-node-icon svg{
  width:22px !important;
  height:22px !important;
}

/* numbering removed — title can breathe */
.daisy-integration-node > div:last-child > span{
  display:none !important;
}

.daisy-integration-node strong{
  font-size:15px !important;
  line-height:1.20 !important;
}


/* Pull all five nodes closer toward the DAISY core. */
.daisy-integration-node-1{
  left:8.5% !important;
  top:18px !important;
}

.daisy-integration-node-2{
  right:8.5% !important;
  top:18px !important;
}

.daisy-integration-node-3{
  right:1.5% !important;
  top:177px !important;
}

.daisy-integration-node-4{
  right:8.5% !important;
  bottom:2px !important;
}

.daisy-integration-node-5{
  left:8.5% !important;
  bottom:2px !important;
}


/* Keep the overall visual dense instead of making it taller. */
.daisy-integration-map{
  min-height:430px !important;
}

#daisy-integrace .daisy-integration-map-stage{
  max-width:1160px !important;

  margin-top:44px !important;
}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:900px){

  .daisy-integration-map{
    padding-top:225px !important;
  }

  .daisy-integration-core{
    width:200px !important;
    height:200px !important;
  }

  .daisy-integration-core-orbit::after{
    inset:22px !important;
  }

  .daisy-integration-core-inner{
    width:148px !important;
    height:148px !important;
  }

  #daisy-integrace .daisy-integration-node{
    width:100% !important;
    min-height:92px !important;

    grid-template-columns:44px minmax(0,1fr) !important;

    gap:14px !important;

    padding:15px 16px !important;
  }

  #daisy-integrace .daisy-integration-node-5{
    width:calc(50% - 6px) !important;
  }

  .daisy-integration-node-icon{
    width:44px !important;
    height:44px !important;
  }

  .daisy-integration-node strong{
    font-size:14.5px !important;
  }

}


/* ------------------------------------------
   PHONE
   Larger center remains, source boxes become full-width rows.
   ------------------------------------------ */

@media(max-width:600px){

  .daisy-integration-map{
    padding-top:185px !important;
  }

  .daisy-integration-core{
    width:158px !important;
    height:158px !important;
  }

  .daisy-integration-core-orbit::after{
    inset:18px !important;
  }

  .daisy-integration-core-inner{
    width:118px !important;
    height:118px !important;
  }

  .daisy-integration-core-mark{
    width:36px !important;
    height:36px !important;

    padding:8px !important;
  }

  .daisy-integration-core strong{
    margin-top:9px !important;

    font-size:13px !important;
  }

  .daisy-integration-core span{
    margin-top:5px !important;

    font-size:9.5px !important;
  }

  #daisy-integrace .daisy-integration-node,
  #daisy-integrace .daisy-integration-node-5{
    width:100% !important;
    min-height:0 !important;

    grid-template-columns:42px minmax(0,1fr) !important;

    gap:13px !important;

    padding:14px 15px !important;
  }

  .daisy-integration-node-icon{
    width:42px !important;
    height:42px !important;
  }

  .daisy-integration-node strong{
    font-size:14px !important;
  }

}




/* ==========================================
   V72 — TABLET / MOBILE INTEGRATIONS CLEANUP
   Hide DAISY core on smaller screens + fix grid + cleaner history icon
   ========================================== */


/* ------------------------------------------
   TABLET
   The desktop network illustration becomes a clean 2 + 2 + 1 grid.
   No DAISY center circle, no connector geometry.
   ------------------------------------------ */

@media(max-width:900px){

  #daisy-integrace .daisy-integration-map-stage{
    max-width:760px !important;

    margin-top:38px !important;
  }

  .daisy-integration-map{
    min-height:0 !important;

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

    gap:14px !important;

    padding-top:0 !important;
  }

  /* On tablet/mobile the diagram itself is unnecessary.
     Keep only the five actual integration sources. */
  .daisy-integration-core,
  .daisy-integration-connections{
    display:none !important;
  }

  .daisy-integration-map::before{
    left:50% !important;
    top:50% !important;

    width:520px !important;
    height:240px !important;

    opacity:.58 !important;
  }

  #daisy-integrace .daisy-integration-node{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:100% !important;
    min-height:104px !important;

    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) !important;

    align-items:center !important;

    gap:15px !important;

    padding:17px 18px !important;

    transform:none !important;
  }

  /* first four form two clean rows */
  #daisy-integrace .daisy-integration-node:nth-of-type(1),
  #daisy-integrace .daisy-integration-node:nth-of-type(2),
  #daisy-integrace .daisy-integration-node:nth-of-type(3),
  #daisy-integrace .daisy-integration-node:nth-of-type(4){
    grid-column:auto !important;
  }

  /* fifth keeps the exact same card width and is centered */
  #daisy-integrace .daisy-integration-node:nth-of-type(5){
    grid-column:1 / -1 !important;

    width:calc(50% - 7px) !important;

    justify-self:center !important;
  }

  .daisy-integration-node-icon{
    width:48px !important;
    height:48px !important;

    border-radius:14px !important;
  }

  .daisy-integration-node-icon svg{
    width:22px !important;
    height:22px !important;
  }

  .daisy-integration-node strong{
    font-size:15px !important;
    line-height:1.22 !important;
  }

  #daisy-integrace .daisy-integration-node::before{
    left:18px !important;

    width:82px !important;

    opacity:.40 !important;
  }

}


/* ------------------------------------------
   NARROW TABLET
   At this width one column reads cleaner than forcing tiny 2-up cards.
   ------------------------------------------ */

@media(max-width:700px){

  #daisy-integrace .daisy-integration-map-stage{
    max-width:560px !important;

    margin-top:32px !important;
  }

  .daisy-integration-map{
    grid-template-columns:1fr !important;

    gap:10px !important;
  }

  .daisy-integration-map::before{
    width:330px !important;
    height:220px !important;

    opacity:.45 !important;
  }

  #daisy-integrace .daisy-integration-node,
  #daisy-integrace .daisy-integration-node:nth-of-type(5){
    grid-column:auto !important;

    width:100% !important;
    min-height:0 !important;

    grid-template-columns:44px minmax(0,1fr) !important;

    gap:13px !important;

    padding:14px 15px !important;
  }

  .daisy-integration-node-icon{
    width:44px !important;
    height:44px !important;
  }

  .daisy-integration-node-icon svg{
    width:21px !important;
    height:21px !important;
  }

  .daisy-integration-node strong{
    font-size:14px !important;
    line-height:1.2 !important;
  }

}


/* ------------------------------------------
   PHONE
   Slightly tighter, still fully readable.
   ------------------------------------------ */

@media(max-width:430px){

  #daisy-integrace .daisy-integration-node{
    grid-template-columns:42px minmax(0,1fr) !important;

    gap:12px !important;

    padding:13px 14px !important;

    border-radius:16px !important;
  }

  .daisy-integration-node-icon{
    width:42px !important;
    height:42px !important;

    border-radius:13px !important;
  }

  .daisy-integration-node strong{
    font-size:13.5px !important;
  }

}




/* ==========================================
   V73 — SECTION PEREX SIZE + HELPDESK ACCENT FIX
   ========================================== */

/* ------------------------------------------
   ALL MAIN SECTION SUBHEAD / PEREX TEXT
   Bigger everywhere outside the hero, but still secondary.
   Only targets the intro paragraph directly under a section container,
   not card body copy or diagram microcopy.
   ------------------------------------------ */

.daisy-section > .daisy-container > .daisy-lead{
  font-size:19px !important;
  line-height:1.58 !important;
  font-weight:400 !important;

  text-wrap:pretty;
}

/* Dark section perex should keep enough contrast at the larger size. */
.daisy-section.daisy-dark > .daisy-container > .daisy-lead{
  color:rgba(255,255,255,.56) !important;
}


/* ------------------------------------------
   HELPDESK TOP GRADIENT ACCENT
   Explicitly restore the same line used by the other integration nodes.
   ------------------------------------------ */

#daisy-integrace .daisy-integration-node-3::before{
  content:"" !important;

  display:block !important;

  position:absolute !important;

  left:17px !important;
  right:auto !important;
  top:0 !important;

  width:92px !important;
  height:2px !important;

  z-index:3 !important;

  border-radius:0 0 999px 999px !important;

  background:var(--d-gradient) !important;

  opacity:.43 !important;

  transform:none !important;

  pointer-events:none;
}


/* ------------------------------------------
   TABLET
   Keep the perex clearly readable without making sections too loose.
   ------------------------------------------ */

@media(max-width:1024px){

  .daisy-section > .daisy-container > .daisy-lead{
    font-size:18px !important;
    line-height:1.56 !important;
  }

  #daisy-integrace .daisy-integration-node-3::before{
    left:18px !important;
    width:82px !important;
    opacity:.40 !important;
  }

}


/* ------------------------------------------
   MOBILE
   Still noticeably larger than before, but tuned for line length.
   ------------------------------------------ */

@media(max-width:700px){

  .daisy-section > .daisy-container > .daisy-lead{
    font-size:16.5px !important;
    line-height:1.56 !important;
  }

  #daisy-integrace .daisy-integration-node-3::before{
    left:15px !important;
    width:76px !important;
  }

}




/* ==========================================
   V74 — CONTROLLED PEREX WRAPS + HELPDESK CONNECTOR
   ========================================== */

/* ------------------------------------------
   CONTROLLED PEREX LINE BREAKS
   These are semantic phrase breaks rather than hard <br> tags.
   Each phrase remains free to wrap naturally on smaller screens.
   ------------------------------------------ */

.daisy-controlled-perex > span{
  display:block;
}

#daisy-problemy > .daisy-container > .daisy-controlled-perex{
  max-width:900px !important;
}

#daisy-cena > .daisy-container > .daisy-price-perex{
  max-width:930px !important;
}


/* On narrower phones, don't force editorial phrase breaks if they
   would create awkwardly short lines; let the browser wrap naturally. */
@media(max-width:520px){

  .daisy-controlled-perex > span{
    display:inline;
  }

  .daisy-controlled-perex > span + span::before{
    content:" ";
  }

}


/* ------------------------------------------
   HELPDESK → DAISY CONNECTION
   Explicit desktop connector so it can never disappear behind legacy rules.
   ------------------------------------------ */

#daisy-integrace .daisy-integration-node-3{
  overflow:visible !important;
}

#daisy-integrace .daisy-integration-node-3::after{
  content:"" !important;

  display:block !important;

  position:absolute !important;

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

  width:170px !important;
  height:1.65px !important;

  transform:translateY(-50%) !important;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #7265EF 0%,
      #668FE9 50%,
      #58D7DD 100%
    ) !important;

  opacity:.52 !important;

  pointer-events:none;
}


/* Keep the native SVG connector visible too. */
.daisy-helpdesk-connection{
  opacity:.58 !important;
  stroke-width:1.7 !important;
}


/* Tablet/mobile have no DAISY center hub, therefore no connector. */
@media(max-width:900px){

  #daisy-integrace .daisy-integration-node-3::after{
    display:none !important;
  }

}




/* ==========================================
   V75 — CONTACT POLISH
   Denser, stronger copy, form untouched.
   ========================================== */

#daisy-kontakt{
  padding-top:92px !important;
  padding-bottom:104px !important;
}

#daisy-kontakt .daisy-contact-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
  gap:64px !important;
  align-items:center !important;
}

#daisy-kontakt .daisy-contact-intro{
  max-width:620px !important;
}

#daisy-kontakt .daisy-contact-intro h2{
  max-width:610px !important;
  margin-top:2px !important;

  font-size:clamp(42px,4.25vw,58px) !important;
  line-height:1.015 !important;
  letter-spacing:-.045em !important;

  text-wrap:balance;
}

.daisy-contact-title-accent{
  display:inline-block;

  background:var(--d-gradient);

  -webkit-background-clip:text;
  background-clip:text;

  color:transparent;
  -webkit-text-fill-color:transparent;
}

#daisy-kontakt .daisy-contact-copy{
  max-width:560px !important;

  margin-top:28px !important;

  color:rgba(255,255,255,.72) !important;

  font-size:17px !important;
  line-height:1.58 !important;
  font-weight:400 !important;
}

#daisy-kontakt .daisy-contact-copy p + p{
  margin-top:13px !important;
}

#daisy-kontakt .daisy-contact-copy-lead{
  color:rgba(255,255,255,.84) !important;

  font-size:18px !important;
  line-height:1.5 !important;
}

#daisy-kontakt .daisy-contact-copy strong{
  color:#fff !important;
  font-weight:700 !important;
}


/* Compact contact journey */
.daisy-contact-flow{
  width:min(100%,540px);

  display:grid;
  grid-template-columns:auto minmax(28px,1fr) auto minmax(28px,1fr) auto;
  align-items:center;

  gap:10px;

  margin-top:30px;
}

.daisy-contact-flow-item{
  min-width:0;
}

.daisy-contact-flow-item span{
  display:block;

  margin-bottom:6px;

  color:#7C72F2;

  font-family:"Inter",sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:600;
  letter-spacing:.12em;
}

.daisy-contact-flow-item strong{
  display:block;

  color:rgba(255,255,255,.90);

  font-family:"Inter",sans-serif;
  font-size:13px;
  line-height:1.15;
  font-weight:600;

  white-space:nowrap;
}

.daisy-contact-flow > i{
  display:block;

  width:100%;
  height:1px;

  background:
    linear-gradient(
      90deg,
      rgba(114,101,239,.62),
      rgba(88,215,221,.46)
    );

  opacity:.76;
}


/* Split layout: eyebrow stays left aligned. */
#daisy-kontakt .daisy-eyebrow{
  display:flex !important;

  width:max-content !important;

  margin-left:0 !important;
  margin-right:0 !important;

  justify-content:flex-start !important;
  text-align:left !important;
}


/* Tablet */
@media(max-width:950px){

  #daisy-kontakt{
    padding-top:84px !important;
    padding-bottom:92px !important;
  }

  #daisy-kontakt .daisy-contact-grid{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }

  #daisy-kontakt .daisy-contact-intro{
    max-width:760px !important;
  }

  #daisy-kontakt .daisy-contact-intro h2{
    max-width:720px !important;

    font-size:clamp(42px,6vw,56px) !important;
  }

  #daisy-kontakt .daisy-contact-copy{
    max-width:660px !important;
  }

  .daisy-contact-flow{
    max-width:600px;
  }

}


/* Mobile */
@media(max-width:700px){

  #daisy-kontakt{
    padding-top:72px !important;
    padding-bottom:82px !important;
  }

  #daisy-kontakt .daisy-contact-grid{
    gap:30px !important;
  }

  #daisy-kontakt .daisy-contact-intro h2{
    max-width:100% !important;

    font-size:clamp(35px,10.5vw,45px) !important;
    line-height:1.03 !important;
  }

  #daisy-kontakt .daisy-contact-copy{
    margin-top:22px !important;

    font-size:15.5px !important;
    line-height:1.55 !important;
  }

  #daisy-kontakt .daisy-contact-copy-lead{
    font-size:16.5px !important;
  }

  .daisy-contact-flow{
    grid-template-columns:1fr;

    gap:0;

    margin-top:24px;

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

  .daisy-contact-flow > i{
    display:none;
  }

  .daisy-contact-flow-item{
    display:grid;
    grid-template-columns:30px minmax(0,1fr);
    align-items:center;

    gap:10px;

    padding:12px 0;

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

  .daisy-contact-flow-item:first-child{
    border-top:0;
  }

  .daisy-contact-flow-item span{
    margin:0;

    font-size:8.5px;
  }

  .daisy-contact-flow-item strong{
    font-size:13.5px;
    white-space:normal;
  }

}

@media(max-width:390px){

  #daisy-kontakt .daisy-contact-copy{
    font-size:15px !important;
  }

}




/* ==========================================
   V76 — CONTACT TITLE BREAK + LARGER PROCESS LABELS
   ========================================== */

/* Desktop/tablet editorial line breaks */
#daisy-kontakt .daisy-contact-title-line{
  display:block;
}

/* Keep the DAISY accent attached to "představení" */
#daisy-kontakt .daisy-contact-title-line:last-child{
  white-space:nowrap;
}


/* Larger, still elegant process labels */
.daisy-contact-flow{
  margin-top:34px !important;
}

.daisy-contact-flow-item span{
  margin-bottom:7px !important;

  font-size:10.5px !important;
  line-height:1 !important;
}

.daisy-contact-flow-item strong{
  font-size:15px !important;
  line-height:1.18 !important;
}

.daisy-contact-flow > i{
  height:1.5px !important;
  opacity:.82 !important;
}


/* Tablet */
@media(max-width:950px){

  .daisy-contact-flow-item span{
    font-size:10px !important;
  }

  .daisy-contact-flow-item strong{
    font-size:14.5px !important;
  }

}


/* Mobile:
   keep the title readable and avoid forcing an oversized third line */
@media(max-width:700px){

  #daisy-kontakt .daisy-contact-title-line{
    display:block;
  }

  #daisy-kontakt .daisy-contact-title-line:last-child{
    white-space:normal;
  }

  .daisy-contact-flow{
    margin-top:26px !important;
  }

  .daisy-contact-flow-item span{
    font-size:9.5px !important;
  }

  .daisy-contact-flow-item strong{
    font-size:14.5px !important;
  }

}




/* ==========================================
   V77 — FORM MICROCOPY + ILLUSTRATION ENTRANCES
   ========================================== */

/* ------------------------------------------
   CONTACT FORM — larger helper copy only
   Form layout itself stays unchanged.
   ------------------------------------------ */

#daisy-kontakt .daisy-form-heading span{
  margin-top:8px !important;

  color:rgba(255,255,255,.56) !important;

  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
}

@media(max-width:700px){

  #daisy-kontakt .daisy-form-heading span{
    font-size:14px !important;
  }

}


/* =========================================================
   ILLUSTRATION MOTION SYSTEM
   Triggered by JS class: .is-illustration-visible
   Hidden states apply only after JS enables the motion system,
   so there is no broken/empty content before initialization.
   ========================================================= */


/* ---------------------------------------------------------
   1) SECURITY SHIELD
   core -> orbits -> satellite labels
   --------------------------------------------------------- */

.daisy-security-shield,
.daisy-security-orbit,
.daisy-security-node,
.daisy-security-status{
  will-change:transform,opacity;
}

.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-shield{
  opacity:0;

  transform:
    translate(-50%,-46%)
    scale(.72)
    rotate(-5deg);

  filter:
    drop-shadow(0 8px 12px rgba(0,0,0,0))
    drop-shadow(0 0 0 rgba(114,101,239,0));
}

.daisy-security-visual.is-illustration-visible
.daisy-security-shield{
  opacity:1;

  transform:
    translate(-50%,-50%)
    scale(1)
    rotate(0);

  transition:
    opacity .58s .08s cubic-bezier(.22,1,.36,1),
    transform .92s .08s cubic-bezier(.22,1,.36,1),
    filter .9s .08s ease;
}


.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-orbit-one{
  opacity:0;

  transform:
    translate(-50%,-50%)
    rotate(-28deg)
    scale(.72);
}

.daisy-security-visual.is-illustration-visible
.daisy-security-orbit-one{
  opacity:1;

  transform:
    translate(-50%,-50%)
    rotate(-7deg)
    scale(1);

  transition:
    opacity .55s .28s ease,
    transform 1.08s .20s cubic-bezier(.22,1,.36,1);
}


.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-orbit-two{
  opacity:0;

  transform:
    translate(-50%,-50%)
    rotate(38deg)
    scale(.70);
}

.daisy-security-visual.is-illustration-visible
.daisy-security-orbit-two{
  opacity:.55;

  transform:
    translate(-50%,-50%)
    rotate(12deg)
    scale(1);

  transition:
    opacity .6s .36s ease,
    transform 1.18s .26s cubic-bezier(.22,1,.36,1);
}


/* satellite labels travel gently toward the protected core */
.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-node{
  opacity:0;
  filter:blur(3px);
}

.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-node-access{
  transform:translate3d(-18px,-8px,0) scale(.96);
}

.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-node-data{
  transform:translate3d(18px,-6px,0) scale(.96);
}

.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-node-license{
  transform:translate3d(-16px,10px,0) scale(.96);
}

.daisy-security-visual.is-illustration-visible
.daisy-security-node{
  opacity:1;
  filter:blur(0);

  transform:translate3d(0,0,0) scale(1);

  transition:
    opacity .52s cubic-bezier(.22,1,.36,1),
    transform .72s cubic-bezier(.22,1,.36,1),
    filter .6s ease;
}

.daisy-security-visual.is-illustration-visible
.daisy-security-node-access{
  transition-delay:.48s;
}

.daisy-security-visual.is-illustration-visible
.daisy-security-node-data{
  transition-delay:.58s;
}

.daisy-security-visual.is-illustration-visible
.daisy-security-node-license{
  transition-delay:.68s;
}


.daisy-motion-enabled
.daisy-security-visual:not(.is-illustration-visible)
.daisy-security-status{
  opacity:0;
  transform:translate3d(0,8px,0);
}

.daisy-security-visual.is-illustration-visible
.daisy-security-status{
  opacity:1;
  transform:translate3d(0,0,0);

  transition:
    opacity .48s .78s ease,
    transform .58s .78s cubic-bezier(.22,1,.36,1);
}


/* one premium "lock-in" pulse, not an infinite gimmick */
.daisy-security-visual.is-illustration-visible
.daisy-security-shield-inner{
  animation:
    daisyShieldLockIn
    .88s
    .46s
    cubic-bezier(.22,1,.36,1)
    both;
}

@keyframes daisyShieldLockIn{

  0%{
    transform:scale(.92);
  }

  58%{
    transform:scale(1.035);
  }

  100%{
    transform:scale(1);
  }

}


/* ---------------------------------------------------------
   2) COST ROUTER
   query -> DAISY -> route lines -> model choices
   --------------------------------------------------------- */

.daisy-cost-input,
.daisy-cost-router,
.daisy-cost-model,
.daisy-cost-route-line,
.daisy-cost-visual-label{
  will-change:transform,opacity;
}


.daisy-motion-enabled
.daisy-cost-visual:not(.is-illustration-visible)
.daisy-cost-input{
  opacity:0;

  transform:
    translate3d(-18px,0,0)
    scale(.97);

  filter:blur(3px);
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-input{
  opacity:1;

  transform:
    translate3d(0,0,0)
    scale(1);

  filter:blur(0);

  transition:
    opacity .48s .05s ease,
    transform .72s .05s cubic-bezier(.22,1,.36,1),
    filter .58s .05s ease;
}


/* central decision engine */
.daisy-motion-enabled
.daisy-cost-visual:not(.is-illustration-visible)
.daisy-cost-router{
  opacity:0;

  transform:
    scale(.68)
    rotate(-8deg);
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-router{
  opacity:1;

  transform:
    scale(1)
    rotate(0);

  transition:
    opacity .5s .24s ease,
    transform .86s .20s cubic-bezier(.22,1,.36,1);
}


/* lines physically grow through the diagram */
.daisy-cost-route-line{
  transform-origin:left center;
}

.daisy-motion-enabled
.daisy-cost-visual:not(.is-illustration-visible)
.daisy-cost-route-line{
  opacity:0;
  transform:scaleX(0);
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-route-line{
  opacity:1;
  transform:scaleX(1);

  transition:
    opacity .18s ease,
    transform .68s cubic-bezier(.22,1,.36,1);
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-route-line-left{
  transition-delay:.18s;
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-route-line-right{
  transition-delay:.52s;
}


/* output models arrive only after DAISY has "decided" */
.daisy-motion-enabled
.daisy-cost-visual:not(.is-illustration-visible)
.daisy-cost-model{
  opacity:0;

  transform:
    translate3d(18px,0,0)
    scale(.97);

  filter:blur(3px);
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-model{
  opacity:1;

  transform:
    translate3d(0,0,0)
    scale(1);

  filter:blur(0);

  transition:
    opacity .46s ease,
    transform .68s cubic-bezier(.22,1,.36,1),
    filter .55s ease;
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-model-economy{
  transition-delay:.65s;
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-model-power{
  transition-delay:.76s;
}


.daisy-motion-enabled
.daisy-cost-visual:not(.is-illustration-visible)
.daisy-cost-visual-label{
  opacity:0;
  transform:translateY(6px);
}

.daisy-cost-visual.is-illustration-visible
.daisy-cost-visual-label{
  opacity:1;
  transform:translateY(0);

  transition:
    opacity .42s .86s ease,
    transform .55s .86s cubic-bezier(.22,1,.36,1);
}


/* brief central activation pulse */
.daisy-cost-visual.is-illustration-visible
.daisy-cost-router-core{
  animation:
    daisyRouterActivation
    .82s
    .42s
    cubic-bezier(.22,1,.36,1)
    both;
}

@keyframes daisyRouterActivation{

  0%{
    box-shadow:
      0 18px 38px rgba(0,0,0,.16),
      0 0 0 rgba(114,101,239,0);
  }

  52%{
    box-shadow:
      0 18px 38px rgba(0,0,0,.16),
      0 0 36px rgba(114,101,239,.15);
  }

  100%{
    box-shadow:
      0 18px 38px rgba(0,0,0,.16),
      0 0 28px rgba(114,101,239,.055);
  }

}


/* ---------------------------------------------------------
   3) INTEGRATION HUB
   DAISY core -> straight connectors -> source systems
   --------------------------------------------------------- */

.daisy-integration-core,
.daisy-integration-node{
  will-change:transform,opacity;
}


/* center appears first */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-core{
  opacity:0;

  transform:
    translate(-50%,-50%)
    scale(.68);
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-core{
  opacity:1;

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

  transition:
    opacity .52s .05s ease,
    transform .9s .05s cubic-bezier(.22,1,.36,1);
}


/* draw every connector outward from DAISY */
.daisy-integration-connections path{
  stroke-dasharray:1;
  stroke-dashoffset:0;

  transition:
    stroke-dashoffset .78s cubic-bezier(.22,1,.36,1),
    opacity .36s ease;
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-connections path{
  opacity:0 !important;
  stroke-dashoffset:1;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path{
  stroke-dashoffset:0;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(1){
  transition-delay:.34s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(2){
  transition-delay:.39s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(3){
  transition-delay:.44s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(4){
  transition-delay:.49s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(5){
  transition-delay:.54s;
}


/* source systems arrive after the network is drawn */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node{
  opacity:0 !important;

  filter:blur(3px);
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-1{
  transform:translate3d(-18px,-10px,0) scale(.96) !important;
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-2{
  transform:translate3d(18px,-10px,0) scale(.96) !important;
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-3{
  transform:translate3d(20px,0,0) scale(.96) !important;
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-4{
  transform:translate3d(16px,12px,0) scale(.96) !important;
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-5{
  transform:translate3d(-16px,12px,0) scale(.96) !important;
}


.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node{
  opacity:1 !important;

  transform:
    translate3d(0,0,0)
    scale(1) !important;

  filter:blur(0);

  transition:
    opacity .46s ease,
    transform .72s cubic-bezier(.22,1,.36,1),
    filter .58s ease,
    border-color .3s ease,
    background .3s ease,
    box-shadow .36s ease;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-1{
  transition-delay:.52s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-2{
  transition-delay:.60s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-3{
  transition-delay:.68s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-4{
  transition-delay:.76s;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-5{
  transition-delay:.84s;
}


/* DAISY core gets one controlled activation glow */
.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-core-inner{
  animation:
    daisyIntegrationCoreIn
    1.02s
    .26s
    cubic-bezier(.22,1,.36,1)
    both;
}

@keyframes daisyIntegrationCoreIn{

  0%{
    box-shadow:
      0 12px 24px rgba(0,0,0,.12),
      0 0 0 rgba(114,101,239,0),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  55%{
    box-shadow:
      0 24px 52px rgba(0,0,0,.22),
      0 0 52px rgba(114,101,239,.15),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  100%{
    box-shadow:
      0 24px 52px rgba(0,0,0,.22),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

}


/* ---------------------------------------------------------
   TABLET / MOBILE MOTION ADAPTATION
   Integration hub is intentionally hidden there; cards simply rise in.
   --------------------------------------------------------- */

@media(max-width:900px){

  .daisy-motion-enabled
  .daisy-integration-map-stage:not(.is-illustration-visible)
  .daisy-integration-node{
    transform:
      translate3d(0,16px,0)
      scale(.985) !important;
  }

  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node{
    transform:
      translate3d(0,0,0)
      scale(1) !important;
  }

}


@media(max-width:600px){

  /* vertical cost flow grows downward */
  .daisy-cost-route-line{
    transform-origin:center top !important;
  }

  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-route-line{
    transform:scaleY(0) !important;
  }

  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-route-line{
    transform:scaleY(1) !important;
  }

  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-input,
  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-model{
    transform:
      translate3d(0,14px,0)
      scale(.98);
  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

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

  .daisy-security-visual *,
  .daisy-cost-visual *,
  .daisy-integration-map-stage *{
    animation:none !important;
    transition:none !important;
  }

  .daisy-motion-enabled
  .daisy-security-visual:not(.is-illustration-visible) *,
  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible) *,
  .daisy-motion-enabled
  .daisy-integration-map-stage:not(.is-illustration-visible) *{
    opacity:1 !important;
    filter:none !important;
  }

}




/* ==========================================
   V78 — HERO METRICS / DARK GLASS VERSION
   ========================================== */

/*
  The original white cards were visually too dominant.
  This version pulls them into the same visual family as
  the product/security illustrations: dark glass, subtle border,
  restrained gradient accents and strong readable numbers.
*/

.daisy-hero-metrics .daisy-metric{
  position:relative;

  overflow:visible !important;

  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:22px !important;

  background:
    radial-gradient(
      circle at 92% 8%,
      rgba(88,215,221,.055),
      transparent 32%
    ),
    radial-gradient(
      circle at 4% 100%,
      rgba(114,101,239,.07),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.052),
      rgba(255,255,255,.020)
    ) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.13),
    inset 0 1px 0 rgba(255,255,255,.035) !important;

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

  transition:
    transform .34s cubic-bezier(.22,1,.36,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .34s ease !important;
}


/* Top gradient accent remains, but softer than on the white cards */
.daisy-hero-metrics .daisy-metric::before{
  content:"";

  position:absolute;

  left:20px;
  right:20px;
  top:-1px;

  height:2px;

  border-radius:0 0 999px 999px;

  background:var(--d-gradient);

  opacity:.48;

  pointer-events:none;
}


/* remove any legacy white-card decorative layer */
.daisy-hero-metrics .daisy-metric::after{
  opacity:.15 !important;
}


/* kicker row */
.daisy-hero-metrics .daisy-metric-kicker{
  color:rgba(255,255,255,.42) !important;

  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:.11em !important;
}


/* small leading dot */
.daisy-hero-metrics .daisy-metric-kicker::before{
  opacity:.9;
}


/* card index */
.daisy-hero-metrics .daisy-metric-index{
  color:rgba(255,255,255,.22) !important;

  font-size:10px !important;
}


/* main number */
.daisy-hero-metrics .daisy-metric-value{
  overflow:visible !important;

  color:#fff !important;

  line-height:1.02 !important;

  background:
    linear-gradient(
      135deg,
      #8175F4 0%,
      #6D8EEB 50%,
      #5ACFD9 100%
    );

  -webkit-background-clip:text;
  background-clip:text;

  -webkit-text-fill-color:transparent;
}


/* secondary description */
.daisy-hero-metrics .daisy-metric-copy,
.daisy-hero-metrics .daisy-metric-caption{
  color:rgba(255,255,255,.68) !important;

  font-weight:500 !important;
}


/* premium hover, no glow circus */
@media(hover:hover){

  .daisy-hero-metrics .daisy-metric:hover{
    transform:translateY(-4px);

    border-color:rgba(114,101,239,.19) !important;

    background:
      radial-gradient(
        circle at 92% 8%,
        rgba(88,215,221,.075),
        transparent 32%
      ),
      radial-gradient(
        circle at 4% 100%,
        rgba(114,101,239,.095),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.065),
        rgba(255,255,255,.024)
      ) !important;

    box-shadow:
      0 22px 48px rgba(0,0,0,.17),
      inset 0 1px 0 rgba(255,255,255,.045) !important;
  }

}


/* ------------------------------------------
   TABLET
   Keep the darker treatment and readable contrast.
   ------------------------------------------ */

@media(max-width:1024px){

  .daisy-hero-metrics .daisy-metric{
    border-radius:20px !important;
  }

  .daisy-hero-metrics .daisy-metric::before{
    left:18px;
    right:18px;
  }

}


/* ------------------------------------------
   MOBILE
   Cards can be a little more opaque because they sit closer together.
   ------------------------------------------ */

@media(max-width:700px){

  .daisy-hero-metrics .daisy-metric{
    background:
      radial-gradient(
        circle at 92% 8%,
        rgba(88,215,221,.06),
        transparent 32%
      ),
      radial-gradient(
        circle at 4% 100%,
        rgba(114,101,239,.08),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        rgba(255,255,255,.060),
        rgba(255,255,255,.024)
      ) !important;
  }

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:rgba(255,255,255,.72) !important;
  }

}




/* ==========================================
   V79 — HERO METRICS / BALANCED DARK VERSION
   Dark cards, but with stronger hierarchy and a
   white -> brand gradient that reads better on navy.
   ========================================== */

.daisy-hero-metrics .daisy-metric{
  border:1px solid rgba(255,255,255,.115) !important;

  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(88,215,221,.075),
      transparent 31%
    ),
    radial-gradient(
      circle at 0% 100%,
      rgba(114,101,239,.075),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      rgba(31,32,43,.98),
      rgba(20,21,30,.98)
    ) !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}


/* A clearer, but still restrained brand rail */
.daisy-hero-metrics .daisy-metric::before{
  left:21px !important;
  right:21px !important;

  height:2px !important;

  opacity:.78 !important;

  background:
    linear-gradient(
      90deg,
      #7668EF 0%,
      #6F83EE 42%,
      #58D7DD 100%
    ) !important;
}


/* Kicker — significantly more readable */
.daisy-hero-metrics .daisy-metric-kicker{
  color:rgba(255,255,255,.58) !important;

  font-weight:700 !important;
}


/* Dot gets a little more life */
.daisy-hero-metrics .daisy-metric-kicker::before{
  opacity:1 !important;

  box-shadow:
    0 0 10px rgba(114,101,239,.22);
}


/* Index remains secondary, but no longer disappears */
.daisy-hero-metrics .daisy-metric-index{
  color:rgba(255,255,255,.31) !important;
}


/*
  Main metric:
  start with a clean warm white and only then move
  into purple/cyan. This is the missing contrast from V78.
*/
.daisy-hero-metrics .daisy-metric-value{
  background:
    linear-gradient(
      105deg,
      #F5F6FB 0%,
      #F5F6FB 22%,
      #8B82F4 56%,
      #65A8EA 78%,
      #5BD3DB 100%
    ) !important;

  -webkit-background-clip:text !important;
  background-clip:text !important;

  color:transparent !important;
  -webkit-text-fill-color:transparent !important;

  filter:
    drop-shadow(0 0 14px rgba(114,101,239,.035));

  overflow:visible !important;
}


/* Captions become properly legible again */
.daisy-hero-metrics .daisy-metric-copy,
.daisy-hero-metrics .daisy-metric-caption{
  color:rgba(255,255,255,.72) !important;

  font-weight:500 !important;
}


/* Slight internal separator / depth, without adding visual noise */
.daisy-hero-metrics .daisy-metric{
  isolation:isolate;
}

.daisy-hero-metrics .daisy-metric > *{
  position:relative;
  z-index:2;
}


/* premium hover: brighten rather than "glow" */
@media(hover:hover){

  .daisy-hero-metrics .daisy-metric:hover{
    border-color:rgba(124,114,242,.25) !important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(88,215,221,.10),
        transparent 31%
      ),
      radial-gradient(
        circle at 0% 100%,
        rgba(114,101,239,.10),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        rgba(35,36,48,.99),
        rgba(22,23,32,.99)
      ) !important;

    box-shadow:
      0 22px 48px rgba(0,0,0,.19),
      inset 0 1px 0 rgba(255,255,255,.07) !important;
  }

}


/* Tablet */
@media(max-width:1024px){

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:rgba(255,255,255,.74) !important;
  }

}


/* Mobile: a touch more contrast because cards get visually denser */
@media(max-width:700px){

  .daisy-hero-metrics .daisy-metric{
    border-color:rgba(255,255,255,.12) !important;

    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(88,215,221,.085),
        transparent 31%
      ),
      radial-gradient(
        circle at 0% 100%,
        rgba(114,101,239,.085),
        transparent 38%
      ),
      linear-gradient(
        145deg,
        rgba(33,34,45,.99),
        rgba(21,22,31,.99)
      ) !important;
  }

  .daisy-hero-metrics .daisy-metric-kicker{
    color:rgba(255,255,255,.62) !important;
  }

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:rgba(255,255,255,.77) !important;
  }

}




/* ==========================================
   V80 — HERO METRICS / LIGHTER CAPTIONS + NO INDEXES
   ========================================== */

/* Safety fallback in case any legacy index survives somewhere. */
.daisy-hero-metrics .daisy-metric-index{
  display:none !important;
}


/* Main metric captions: much brighter and more readable. */
.daisy-hero-metrics .daisy-metric-copy,
.daisy-hero-metrics .daisy-metric-caption{
  color:rgba(255,255,255,.86) !important;

  font-weight:500 !important;

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


/* Keep the kicker secondary, but not washed out. */
.daisy-hero-metrics .daisy-metric-kicker{
  color:rgba(255,255,255,.62) !important;
}


/* With the index gone, let the top row breathe naturally. */
.daisy-hero-metrics .daisy-metric-top,
.daisy-hero-metrics .daisy-metric-head{
  justify-content:flex-start !important;
}


/* Tablet */
@media(max-width:1024px){

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:rgba(255,255,255,.88) !important;
  }

}


/* Mobile */
@media(max-width:700px){

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:rgba(255,255,255,.90) !important;
  }

  .daisy-hero-metrics .daisy-metric-kicker{
    color:rgba(255,255,255,.66) !important;
  }

}




/* ==========================================
   V81 — HERO METRICS / BRIGHTER COPY + PREMIUM REVEAL
   ========================================== */

/* ------------------------------------------
   CONTENT CONTRAST
   ------------------------------------------ */

.daisy-hero-metrics .daisy-metric-copy,
.daisy-hero-metrics .daisy-metric-caption{
  color:rgba(255,255,255,.96) !important;

  font-size:15px !important;
  line-height:1.46 !important;
  font-weight:500 !important;

  letter-spacing:-.008em;

  text-shadow:
    0 1px 0 rgba(0,0,0,.14),
    0 0 18px rgba(255,255,255,.025);
}


/* Kicker stays secondary, but clearly readable */
.daisy-hero-metrics .daisy-metric-kicker{
  color:rgba(255,255,255,.70) !important;
}


/* Keep values strong without making the whole card loud */
.daisy-hero-metrics .daisy-metric-value{
  filter:
    drop-shadow(0 0 18px rgba(105,126,239,.055)) !important;
}


/* ------------------------------------------
   PREMIUM ENTRANCE
   Triggered by the existing .is-revealed class.
   ------------------------------------------ */

/*
  Override the older reveal with a smoother "glass card settles in"
  motion: fade + small upward travel + scale + brief blur.
*/

.daisy-motion-enabled
.daisy-hero-metrics:not(.is-revealed)
.daisy-metric{
  opacity:0 !important;

  transform:
    translate3d(0,26px,0)
    scale(.965) !important;

  filter:blur(7px);

  will-change:
    transform,
    opacity,
    filter;
}


.daisy-hero-metrics.is-revealed
.daisy-metric{
  opacity:1 !important;

  transform:
    translate3d(0,0,0)
    scale(1) !important;

  filter:blur(0);

  transition:
    opacity .68s cubic-bezier(.22,1,.36,1),
    transform .96s cubic-bezier(.22,1,.36,1),
    filter .72s cubic-bezier(.22,1,.36,1),
    border-color .32s ease,
    background .32s ease,
    box-shadow .38s ease !important;
}


/* Controlled stagger — slower and more premium than a fast cascade */
.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(1){
  transition-delay:.04s, .04s, .04s, 0s, 0s, 0s !important;
}

.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(2){
  transition-delay:.14s, .14s, .14s, 0s, 0s, 0s !important;
}

.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(3){
  transition-delay:.24s, .24s, .24s, 0s, 0s, 0s !important;
}

.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(4){
  transition-delay:.34s, .34s, .34s, 0s, 0s, 0s !important;
}


/* ------------------------------------------
   GRADIENT RAIL ANIMATION
   The line softly draws itself after each card settles.
   ------------------------------------------ */

.daisy-motion-enabled
.daisy-hero-metrics:not(.is-revealed)
.daisy-metric::before{
  opacity:0 !important;

  transform:scaleX(.18) !important;
  transform-origin:left center !important;
}


.daisy-hero-metrics.is-revealed
.daisy-metric::before{
  opacity:.78 !important;

  transform:scaleX(1) !important;
  transform-origin:left center !important;

  transition:
    opacity .52s ease,
    transform .9s cubic-bezier(.22,1,.36,1) !important;
}


.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(1)::before{
  transition-delay:.35s !important;
}

.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(2)::before{
  transition-delay:.45s !important;
}

.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(3)::before{
  transition-delay:.55s !important;
}

.daisy-hero-metrics.is-revealed
.daisy-metric:nth-child(4)::before{
  transition-delay:.65s !important;
}


/* ------------------------------------------
   HOVER
   Keep it smooth after reveal.
   ------------------------------------------ */

@media(hover:hover){

  .daisy-hero-metrics.is-revealed .daisy-metric:hover{
    transform:
      translate3d(0,-5px,0)
      scale(1.008) !important;

    border-color:rgba(124,114,242,.28) !important;

    box-shadow:
      0 26px 54px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.075) !important;
  }

}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1024px){

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:rgba(255,255,255,.97) !important;

    font-size:14.5px !important;
    line-height:1.44 !important;
  }

}


/* ------------------------------------------
   MOBILE
   Slightly tighter, still much brighter than before.
   ------------------------------------------ */

@media(max-width:700px){

  .daisy-hero-metrics .daisy-metric-copy,
  .daisy-hero-metrics .daisy-metric-caption{
    color:#fff !important;

    font-size:14px !important;
    line-height:1.42 !important;
  }

  .daisy-hero-metrics .daisy-metric-kicker{
    color:rgba(255,255,255,.74) !important;
  }

  .daisy-motion-enabled
  .daisy-hero-metrics:not(.is-revealed)
  .daisy-metric{
    transform:
      translate3d(0,20px,0)
      scale(.975) !important;

    filter:blur(5px);
  }

}


/* ------------------------------------------
   REDUCED MOTION
   ------------------------------------------ */

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

  .daisy-hero-metrics .daisy-metric,
  .daisy-hero-metrics .daisy-metric::before{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

}




/* ==========================================
   V83 — CONTACT FLOW / SLIGHTLY LOWER
   Back to the V81 layout, only a subtle downward shift.
   ========================================== */

#daisy-kontakt .daisy-contact-flow{
  margin-top:46px !important;
}

@media(max-width:950px){

  #daisy-kontakt .daisy-contact-flow{
    margin-top:38px !important;
  }

}

@media(max-width:700px){

  #daisy-kontakt .daisy-contact-flow{
    margin-top:30px !important;
  }

}




/* ==========================================
   V84 — INTEGRATION MOTION / SOFTER PREMIUM BUILD
   ========================================== */

/*
  The previous entrance had too much scale/travel and felt "hard".
  This version uses a much smaller movement, longer easing,
  properly drawn SVG paths, and a softer stagger.
*/


/* ------------------------------------------
   CORE
   ------------------------------------------ */

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-core{
  opacity:0 !important;

  transform:
    translate(-50%,-50%)
    scale(.90) !important;

  filter:blur(5px);
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-core{
  opacity:1 !important;

  transform:
    translate(-50%,-50%)
    scale(1) !important;

  filter:blur(0);

  transition:
    opacity .82s .06s cubic-bezier(.16,1,.3,1),
    transform 1.18s .06s cubic-bezier(.16,1,.3,1),
    filter .95s .06s cubic-bezier(.16,1,.3,1) !important;
}


/* Softer one-time activation glow */
.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-core-inner{
  animation:
    daisyIntegrationCoreInSoft
    1.55s
    .20s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

@keyframes daisyIntegrationCoreInSoft{

  0%{
    box-shadow:
      0 18px 38px rgba(0,0,0,.14),
      0 0 0 rgba(114,101,239,0),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  58%{
    box-shadow:
      0 24px 52px rgba(0,0,0,.22),
      0 0 38px rgba(114,101,239,.105),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

  100%{
    box-shadow:
      0 24px 52px rgba(0,0,0,.22),
      0 0 14px rgba(114,101,239,.025),
      inset 0 1px 0 rgba(255,255,255,.04);
  }

}


/* ------------------------------------------
   CONNECTORS
   Properly draw from zero to full length.
   ------------------------------------------ */

.daisy-integration-connections path{
  stroke-dasharray:1 !important;
  stroke-dashoffset:0;

  transition:
    stroke-dashoffset 1.05s cubic-bezier(.16,1,.3,1),
    opacity .72s ease !important;
}

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-connections path{
  opacity:0 !important;
  stroke-dashoffset:1 !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path{
  stroke-dashoffset:0 !important;
}

/* tighter, calmer line stagger */
.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(1){
  transition-delay:.30s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(2){
  transition-delay:.34s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(3){
  transition-delay:.38s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(4){
  transition-delay:.42s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-connections path:nth-child(5){
  transition-delay:.46s !important;
}


/* ------------------------------------------
   SOURCE CARDS
   Gentle outward settle along the connection direction.
   ------------------------------------------ */

.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node{
  opacity:0 !important;

  filter:blur(5px);
}

/* top-left -> starts slightly toward center */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-1{
  transform:
    translate3d(10px,7px,0)
    scale(.985) !important;
}

/* top-right */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-2{
  transform:
    translate3d(-10px,7px,0)
    scale(.985) !important;
}

/* right-middle */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-3{
  transform:
    translate3d(-12px,0,0)
    scale(.985) !important;
}

/* bottom-right */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-4{
  transform:
    translate3d(-10px,-7px,0)
    scale(.985) !important;
}

/* bottom-left */
.daisy-motion-enabled
.daisy-integration-map-stage:not(.is-illustration-visible)
.daisy-integration-node-5{
  transform:
    translate3d(10px,-7px,0)
    scale(.985) !important;
}


.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node{
  opacity:1 !important;

  transform:
    translate3d(0,0,0)
    scale(1) !important;

  filter:blur(0);

  transition:
    opacity .78s cubic-bezier(.16,1,.3,1),
    transform 1.02s cubic-bezier(.16,1,.3,1),
    filter .90s cubic-bezier(.16,1,.3,1),
    border-color .34s ease,
    background .34s ease,
    box-shadow .42s ease !important;
}


/* smoother, less mechanical cascade */
.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-1{
  transition-delay:.54s,.54s,.54s,0s,0s,0s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-2{
  transition-delay:.61s,.61s,.61s,0s,0s,0s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-3{
  transition-delay:.68s,.68s,.68s,0s,0s,0s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-4{
  transition-delay:.75s,.75s,.75s,0s,0s,0s !important;
}

.daisy-integration-map-stage.is-illustration-visible
.daisy-integration-node-5{
  transition-delay:.82s,.82s,.82s,0s,0s,0s !important;
}


/* ------------------------------------------
   TABLET / MOBILE
   Hub is hidden here, so cards simply fade upward smoothly.
   ------------------------------------------ */

@media(max-width:900px){

  .daisy-motion-enabled
  .daisy-integration-map-stage:not(.is-illustration-visible)
  .daisy-integration-node{
    opacity:0 !important;

    transform:
      translate3d(0,12px,0)
      scale(.99) !important;

    filter:blur(4px);
  }

  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node{
    opacity:1 !important;

    transform:
      translate3d(0,0,0)
      scale(1) !important;

    filter:blur(0);

    transition:
      opacity .72s cubic-bezier(.16,1,.3,1),
      transform .92s cubic-bezier(.16,1,.3,1),
      filter .78s cubic-bezier(.16,1,.3,1),
      border-color .34s ease,
      background .34s ease,
      box-shadow .42s ease !important;
  }

}


/* ------------------------------------------
   REDUCED MOTION
   ------------------------------------------ */

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

  .daisy-integration-map-stage *,
  .daisy-integration-map-stage svg path{
    animation:none !important;
    transition:none !important;
  }

  .daisy-motion-enabled
  .daisy-integration-map-stage:not(.is-illustration-visible)
  .daisy-integration-core,
  .daisy-motion-enabled
  .daisy-integration-map-stage:not(.is-illustration-visible)
  .daisy-integration-node{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }

}




/* ==========================================
   V85 — PROBLEM CARDS / NEW PURPOSE-BUILT ICON SYSTEM
   ========================================== */

/*
  Bigger, calmer and much more intentional than the old random line icons.
  Each icon now directly maps to the problem it represents.
*/

.daisy-card-icon{
  width:82px !important;
  height:82px !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid rgba(114,101,239,.13);
  border-radius:21px;

  color:#7165EE !important;

  background:
    radial-gradient(
      circle at 76% 18%,
      rgba(88,215,221,.08),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      rgba(114,101,239,.085),
      rgba(114,101,239,.025)
    );

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 12px 28px rgba(114,101,239,.045);

  transition:
    transform .52s cubic-bezier(.22,1,.36,1),
    border-color .36s ease,
    background .36s ease,
    box-shadow .42s ease,
    filter .42s ease !important;
}


.daisy-card-icon svg{
  width:54px !important;
  height:54px !important;

  stroke:currentColor !important;
  stroke-width:1.55 !important;

  overflow:visible;
}


/* secondary construction lines create a subtle two-level icon system */
.daisy-card-icon svg .daisy-icon-soft{
  opacity:.38;
}


/* With the icon being much more substantial, reduce the empty gap
   below it so the card itself does not grow. */
.daisy-card h3{
  margin-top:30px !important;
}


/* Premium interaction — no spinning or gimmicks */
@media(hover:hover){

  .daisy-card:hover .daisy-card-icon{
    transform:
      translateY(-4px)
      scale(1.025) !important;

    border-color:rgba(114,101,239,.24);

    background:
      radial-gradient(
        circle at 76% 18%,
        rgba(88,215,221,.11),
        transparent 34%
      ),
      linear-gradient(
        145deg,
        rgba(114,101,239,.12),
        rgba(114,101,239,.035)
      );

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.58),
      0 18px 34px rgba(114,101,239,.08);

    filter:none !important;
  }

  .daisy-card:hover .daisy-card-icon svg{
    transform:scale(1.035) !important;

    stroke:#665BEA !important;
  }

}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1120px){

  .daisy-card-icon{
    width:74px !important;
    height:74px !important;

    border-radius:19px;
  }

  .daisy-card-icon svg{
    width:48px !important;
    height:48px !important;
  }

  .daisy-card h3{
    margin-top:27px !important;
  }

}


/* ------------------------------------------
   PHONE
   Still clearly larger than the old icon set,
   but proportioned for the narrower cards.
   ------------------------------------------ */

@media(max-width:700px){

  .daisy-card-icon{
    width:68px !important;
    height:68px !important;

    border-radius:18px;
  }

  .daisy-card-icon svg{
    width:44px !important;
    height:44px !important;
  }

  .daisy-card h3{
    margin-top:24px !important;
  }

}

@media(max-width:390px){

  .daisy-card-icon{
    width:64px !important;
    height:64px !important;
  }

  .daisy-card-icon svg{
    width:41px !important;
    height:41px !important;
  }

}




/* ==========================================
   V86 — SECURITY ICON GLYPHS LARGER
   Keep the square tile size, enlarge only the SVG artwork inside.
   ========================================== */

#daisy-bezpecnost .daisy-security-item-icon svg{
  width:30px !important;
  height:30px !important;

  stroke-width:1.65 !important;
}


/* Tablet */
@media(max-width:1024px){

  #daisy-bezpecnost .daisy-security-item-icon svg{
    width:29px !important;
    height:29px !important;
  }

}


/* Mobile */
@media(max-width:600px){

  #daisy-bezpecnost .daisy-security-item-icon svg{
    width:27px !important;
    height:27px !important;
  }

}




/* ==========================================
   V87 — SECURITY ICON 02 PROPORTION FIX
   Slightly flatten the "Ochrana citlivých dat" glyph only.
   Tile size stays exactly the same.
   ========================================== */

#daisy-bezpecnost
.daisy-security-item:nth-child(2)
.daisy-security-item-icon svg{
  transform:
    scaleX(1.04)
    scaleY(.90) !important;

  transform-origin:center center;
}




/* ==========================================
   V88 — CLEAN PROBLEM ICON SYSTEM
   No tiles, no random detail, one purple stroke language.
   ========================================== */

/* Slightly enlarge only the key glyph in the security section. */
#daisy-bezpecnost
.daisy-security-item:nth-child(1)
.daisy-security-item-icon svg{
  width:33px !important;
  height:33px !important;
}


/* ------------------------------------------
   PROBLEM CARDS — icon wrapper becomes invisible
   ------------------------------------------ */

.daisy-card-icon{
  width:60px !important;
  height:60px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;

  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:none !important;
  box-shadow:none !important;

  color:#7265EF !important;

  overflow:visible !important;

  transition:
    transform .46s cubic-bezier(.22,1,.36,1),
    color .30s ease !important;
}


/* The artwork itself is the visual element now. */
.daisy-card-icon svg{
  width:52px !important;
  height:52px !important;

  overflow:visible !important;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.75 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;

  transform:none !important;

  opacity:1 !important;
}


/* Kill any legacy two-tone treatment completely. */
.daisy-card-icon svg *,
.daisy-card-icon svg .daisy-icon-soft{
  opacity:1 !important;
}


/* Rebalance the spacing now that the visible square is gone. */
.daisy-card h3{
  margin-top:24px !important;
}


/* Quiet interaction only — no decorative animation noise. */
@media(hover:hover){

  .daisy-card:hover .daisy-card-icon{
    transform:translateY(-3px) !important;

    color:#665AE9 !important;

    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    filter:none !important;
  }

  .daisy-card:hover .daisy-card-icon svg{
    transform:none !important;
    stroke:currentColor !important;
  }

}


/* ------------------------------------------
   TABLET
   ------------------------------------------ */

@media(max-width:1120px){

  .daisy-card-icon{
    width:56px !important;
    height:56px !important;
  }

  .daisy-card-icon svg{
    width:49px !important;
    height:49px !important;
  }

  .daisy-card h3{
    margin-top:22px !important;
  }

}


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

@media(max-width:700px){

  .daisy-card-icon{
    width:52px !important;
    height:52px !important;
  }

  .daisy-card-icon svg{
    width:45px !important;
    height:45px !important;
  }

  .daisy-card h3{
    margin-top:20px !important;
  }

}




/* ==========================================
   V89 — METRIC COPY MATCH + REFRESH FLASH FIX
   ========================================== */

/* Metric descriptions use the same tone as the hero support copy. */
.daisy-hero-metrics .daisy-metric > span{
  color:rgba(255,255,255,.64) !important;

  /* Keep the current size exactly as requested. */
  font-weight:500 !important;
}


/* =========================================================
   PRE-JS MOTION STATE
   Prevents the browser from first painting a completed
   illustration/ring after refresh and only hiding it later.
   JS adds .daisy-motion-ready after all starting states
   are already prepared.
   ========================================================= */

/* 50% ring is empty from the very first paint. */
html:not(.daisy-motion-ready) #daisySavingRing .daisy-saving-progress{
  stroke-dashoffset:565.49 !important;
  transition:none !important;
}

/* Keep the ring shell visible, but do not flash a finished number. */
html:not(.daisy-motion-ready) #daisySavingRing .daisy-saving-number{
  opacity:1;
}


/* Security illustration — start hidden immediately. */
html:not(.daisy-motion-ready)
.daisy-security-visual
.daisy-security-shield,
html:not(.daisy-motion-ready)
.daisy-security-visual
.daisy-security-orbit,
html:not(.daisy-motion-ready)
.daisy-security-visual
.daisy-security-node,
html:not(.daisy-motion-ready)
.daisy-security-visual
.daisy-security-status{
  opacity:0 !important;
}


/* Cost-routing illustration — keep its glass container,
   but hide the finished internal state. */
html:not(.daisy-motion-ready)
.daisy-cost-visual
.daisy-cost-input,
html:not(.daisy-motion-ready)
.daisy-cost-visual
.daisy-cost-router,
html:not(.daisy-motion-ready)
.daisy-cost-visual
.daisy-cost-model,
html:not(.daisy-motion-ready)
.daisy-cost-visual
.daisy-cost-route-line,
html:not(.daisy-motion-ready)
.daisy-cost-visual
.daisy-cost-visual-label{
  opacity:0 !important;
}


/* Integration illustration — same principle. */
html:not(.daisy-motion-ready)
.daisy-integration-map-stage
.daisy-integration-core,
html:not(.daisy-motion-ready)
.daisy-integration-map-stage
.daisy-integration-node,
html:not(.daisy-motion-ready)
.daisy-integration-map-stage
.daisy-integration-connections{
  opacity:0 !important;
}


/* Never hide content for users who explicitly request reduced motion. */
@media(prefers-reduced-motion:reduce){

  html:not(.daisy-motion-ready)
  .daisy-security-visual
  .daisy-security-shield,
  html:not(.daisy-motion-ready)
  .daisy-security-visual
  .daisy-security-orbit,
  html:not(.daisy-motion-ready)
  .daisy-security-visual
  .daisy-security-node,
  html:not(.daisy-motion-ready)
  .daisy-security-visual
  .daisy-security-status,

  html:not(.daisy-motion-ready)
  .daisy-cost-visual
  .daisy-cost-input,
  html:not(.daisy-motion-ready)
  .daisy-cost-visual
  .daisy-cost-router,
  html:not(.daisy-motion-ready)
  .daisy-cost-visual
  .daisy-cost-model,
  html:not(.daisy-motion-ready)
  .daisy-cost-visual
  .daisy-cost-route-line,
  html:not(.daisy-motion-ready)
  .daisy-cost-visual
  .daisy-cost-visual-label,

  html:not(.daisy-motion-ready)
  .daisy-integration-map-stage
  .daisy-integration-core,
  html:not(.daisy-motion-ready)
  .daisy-integration-map-stage
  .daisy-integration-node,
  html:not(.daisy-motion-ready)
  .daisy-integration-map-stage
  .daisy-integration-connections{
    opacity:1 !important;
  }

}




/* ==========================================
   V90 — CONTACT JOURNEY / LIGHT-TRAVEL SEQUENCE
   01 -> light -> 02 -> light -> 03 -> submit glow
   ========================================== */

/*
  PRE-JS SAFE STATE
  Keeps the layout dimensions intact, but prevents the completed
  contact-flow state from flashing before JS has prepared the animation.
*/
html:not(.daisy-motion-ready)
#daisy-kontakt
.daisy-contact-flow-item{
  opacity:0 !important;
}

html:not(.daisy-motion-ready)
#daisy-kontakt
.daisy-contact-flow > i{
  opacity:.12 !important;
}


/* ---------------------------------------------------------
   BASE STATES
   --------------------------------------------------------- */

#daisy-kontakt .daisy-contact-flow{
  position:relative;
  overflow:visible;
}

#daisy-kontakt .daisy-contact-flow-item{
  position:relative;
  z-index:2;

  will-change:
    opacity,
    transform,
    filter;
}


/* Soft light bloom behind each step */
#daisy-kontakt .daisy-contact-flow-item::after{
  content:"";

  position:absolute;

  left:-18px;
  right:-18px;
  top:50%;

  height:54px;

  z-index:-1;

  transform:
    translateY(-50%)
    scale(.82);

  border-radius:999px;

  background:
    radial-gradient(
      ellipse at center,
      rgba(113,101,239,.21) 0%,
      rgba(88,215,221,.09) 38%,
      transparent 72%
    );

  filter:blur(14px);

  opacity:0;

  pointer-events:none;
}


/* Hidden waiting state */
.daisy-motion-enabled
#daisy-kontakt
.daisy-contact-flow:not(.is-contact-flow-visible)
.daisy-contact-flow-item{
  opacity:0;

  transform:
    translate3d(0,13px,0);

  filter:blur(3px);
}


/* Final stable state */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item{
  opacity:1;

  transform:
    translate3d(0,0,0);

  filter:blur(0);

  transition:
    opacity .62s cubic-bezier(.16,1,.3,1),
    transform .78s cubic-bezier(.16,1,.3,1),
    filter .64s cubic-bezier(.16,1,.3,1);
}


/* Step timing */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(1){
  transition-delay:.05s;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(2){
  transition-delay:1.08s;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(3){
  transition-delay:2.10s;
}


/* One-time glow on each arriving step */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(1)::after{
  animation:
    daisyContactStepGlow
    .95s
    .10s
    cubic-bezier(.16,1,.3,1)
    both;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(2)::after{
  animation:
    daisyContactStepGlow
    .95s
    1.13s
    cubic-bezier(.16,1,.3,1)
    both;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(3)::after{
  animation:
    daisyContactStepGlow
    .95s
    2.15s
    cubic-bezier(.16,1,.3,1)
    both;
}


@keyframes daisyContactStepGlow{

  0%{
    opacity:0;

    transform:
      translateY(-50%)
      scale(.80);
  }

  38%{
    opacity:.95;

    transform:
      translateY(-50%)
      scale(1.04);
  }

  100%{
    opacity:0;

    transform:
      translateY(-50%)
      scale(1.12);
  }

}


/* The number briefly catches the light */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(1) span{
  animation:
    daisyContactNumberFlash
    .85s
    .10s
    ease-out
    both;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(2) span{
  animation:
    daisyContactNumberFlash
    .85s
    1.13s
    ease-out
    both;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
.daisy-contact-flow-item:nth-of-type(3) span{
  animation:
    daisyContactNumberFlash
    .85s
    2.15s
    ease-out
    both;
}


@keyframes daisyContactNumberFlash{

  0%{
    color:#7C72F2;
    text-shadow:none;
  }

  42%{
    color:#93E4E7;

    text-shadow:
      0 0 12px rgba(88,215,221,.56),
      0 0 22px rgba(114,101,239,.34);
  }

  100%{
    color:#7C72F2;
    text-shadow:none;
  }

}


/* ---------------------------------------------------------
   CONNECTOR LIGHT TRAVEL
   --------------------------------------------------------- */

#daisy-kontakt .daisy-contact-flow > i{
  position:relative;

  overflow:hidden;

  background:
    linear-gradient(
      90deg,
      rgba(114,101,239,.34),
      rgba(88,215,221,.25)
    ) !important;

  opacity:.26 !important;

  transition:
    opacity .5s ease;
}


/* Travelling bright light */
#daisy-kontakt .daisy-contact-flow > i::after{
  content:"";

  position:absolute;

  top:50%;
  left:0;

  width:42%;
  height:3px;

  transform:
    translate3d(-125%,-50%,0);

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(128,112,246,.96) 34%,
      #79D9E3 66%,
      transparent 100%
    );

  box-shadow:
    0 0 8px rgba(88,215,221,.50),
    0 0 15px rgba(114,101,239,.32);

  opacity:0;

  pointer-events:none;
}


/* first connector */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(1){
  opacity:.82 !important;

  transition-delay:.93s;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(1)::after{
  animation:
    daisyContactLightTravel
    .72s
    .62s
    cubic-bezier(.4,0,.2,1)
    both;
}


/* second connector */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(2){
  opacity:.82 !important;

  transition-delay:1.96s;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(2)::after{
  animation:
    daisyContactLightTravel
    .72s
    1.65s
    cubic-bezier(.4,0,.2,1)
    both;
}


@keyframes daisyContactLightTravel{

  0%{
    opacity:0;

    transform:
      translate3d(-125%,-50%,0);
  }

  16%{
    opacity:1;
  }

  82%{
    opacity:1;
  }

  100%{
    opacity:0;

    transform:
      translate3d(340%,-50%,0);
  }

}


/* ---------------------------------------------------------
   SUBMIT BUTTON — one restrained response after step 03
   --------------------------------------------------------- */

#daisy-kontakt .daisy-form-submit{
  position:relative;
  z-index:1;

  isolation:isolate;
}


/* Glow sits behind the button, never changes its normal design */
#daisy-kontakt .daisy-form-submit::after{
  content:"";

  position:absolute;

  z-index:-1;

  inset:-10px -12px;

  border-radius:inherit;

  background:
    linear-gradient(
      90deg,
      rgba(114,101,239,.48),
      rgba(88,215,221,.42)
    );

  filter:blur(18px);

  opacity:0;

  transform:scale(.96);

  pointer-events:none;
}


/* JS adds this after the flow has reached step 03 */
#daisy-kontakt
.daisy-form-submit.is-contact-submit-pulse::after{
  animation:
    daisyContactSubmitGlow
    1.35s
    cubic-bezier(.16,1,.3,1)
    both;
}


#daisy-kontakt
.daisy-form-submit.is-contact-submit-pulse{
  animation:
    daisyContactSubmitLift
    1.35s
    cubic-bezier(.16,1,.3,1)
    both;
}


@keyframes daisyContactSubmitGlow{

  0%{
    opacity:0;
    transform:scale(.96);
  }

  38%{
    opacity:.72;
    transform:scale(1.018);
  }

  100%{
    opacity:0;
    transform:scale(1.04);
  }

}


@keyframes daisyContactSubmitLift{

  0%{
    box-shadow:
      0 16px 34px rgba(114,101,239,.16);
  }

  40%{
    box-shadow:
      0 18px 44px rgba(114,101,239,.25),
      0 0 24px rgba(88,215,221,.11);
  }

  100%{
    box-shadow:
      0 16px 34px rgba(114,101,239,.16);
  }

}


/* ---------------------------------------------------------
   MOBILE / TABLET
   On mobile the connector lines are intentionally absent, but
   the three steps still arrive in sequence and the button responds.
   --------------------------------------------------------- */

@media(max-width:700px){

  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item:nth-of-type(1){
    transition-delay:.04s;
  }

  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item:nth-of-type(2){
    transition-delay:.72s;
  }

  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item:nth-of-type(3){
    transition-delay:1.40s;
  }

  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item:nth-of-type(1)::after{
    animation-delay:.08s;
  }

  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item:nth-of-type(2)::after{
    animation-delay:.76s;
  }

  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item:nth-of-type(3)::after{
    animation-delay:1.44s;
  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

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

  html:not(.daisy-motion-ready)
  #daisy-kontakt
  .daisy-contact-flow-item{
    opacity:1 !important;
  }

  .daisy-motion-enabled
  #daisy-kontakt
  .daisy-contact-flow:not(.is-contact-flow-visible)
  .daisy-contact-flow-item,
  #daisy-kontakt
  .daisy-contact-flow.is-contact-flow-visible
  .daisy-contact-flow-item{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

  #daisy-kontakt
  .daisy-contact-flow-item::after,
  #daisy-kontakt
  .daisy-contact-flow > i::after,
  #daisy-kontakt
  .daisy-form-submit::after{
    display:none !important;
  }

  #daisy-kontakt
  .daisy-contact-flow-item span,
  #daisy-kontakt
  .daisy-form-submit{
    animation:none !important;
  }

}




/* ==========================================
   V91 — CONTACT FLOW FINISHING POLISH
   Progressive connector reveal + smoother CTA glow
   ========================================== */


/* ---------------------------------------------------------
   CONNECTORS
   Start fully hidden. They only become visible as the light
   travels from one step to the next.
   --------------------------------------------------------- */

#daisy-kontakt .daisy-contact-flow > i{
  opacity:0 !important;

  transform:scaleX(.08);
  transform-origin:left center;

  transition:
    opacity .50s cubic-bezier(.16,1,.3,1),
    transform .82s cubic-bezier(.16,1,.3,1) !important;
}


/* First line appears only AFTER step 01 has arrived. */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(1){
  opacity:.72 !important;

  transform:scaleX(1);

  transition-delay:
    .70s,
    .70s !important;
}


/* Second line appears only AFTER step 02 has arrived. */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(2){
  opacity:.72 !important;

  transform:scaleX(1);

  transition-delay:
    1.72s,
    1.72s !important;
}


/* The travelling light is softer and more fluid. */
#daisy-kontakt .daisy-contact-flow > i::after{
  width:38% !important;
  height:3px !important;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(126,111,244,.34) 12%,
      rgba(126,111,244,.96) 42%,
      rgba(88,215,221,.98) 68%,
      transparent 100%
    ) !important;

  filter:blur(.15px);

  box-shadow:
    0 0 9px rgba(88,215,221,.42),
    0 0 18px rgba(114,101,239,.24) !important;
}


/* Travel starts a touch later, so the step appears first. */
#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(1)::after{
  animation:
    daisyContactLightTravelSoft
    .86s
    .66s
    cubic-bezier(.32,.02,.18,1)
    both !important;
}

#daisy-kontakt
.daisy-contact-flow.is-contact-flow-visible
> i:nth-of-type(2)::after{
  animation:
    daisyContactLightTravelSoft
    .86s
    1.68s
    cubic-bezier(.32,.02,.18,1)
    both !important;
}


@keyframes daisyContactLightTravelSoft{

  0%{
    opacity:0;

    transform:
      translate3d(-130%,-50%,0)
      scaleX(.78);
  }

  12%{
    opacity:.35;
  }

  38%{
    opacity:1;

    transform:
      translate3d(55%,-50%,0)
      scaleX(1);
  }

  78%{
    opacity:.82;
  }

  100%{
    opacity:0;

    transform:
      translate3d(345%,-50%,0)
      scaleX(.88);
  }

}


/* ---------------------------------------------------------
   CTA GLOW
   Same button, just a broader/slower light bloom.
   --------------------------------------------------------- */

#daisy-kontakt .daisy-form-submit::after{
  inset:-13px -16px !important;

  background:
    radial-gradient(
      ellipse at center,
      rgba(98,130,242,.52) 0%,
      rgba(88,215,221,.28) 42%,
      rgba(114,101,239,.13) 64%,
      transparent 78%
    ) !important;

  filter:blur(22px) !important;

  transform:scale(.94);

  opacity:0;
}


#daisy-kontakt
.daisy-form-submit.is-contact-submit-pulse::after{
  animation:
    daisyContactSubmitGlowSoft
    1.32s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


/* Don't make the physical button "jump".
   Only let its existing shadow breathe very slightly. */
#daisy-kontakt
.daisy-form-submit.is-contact-submit-pulse{
  animation:
    daisyContactSubmitShadowSoft
    1.32s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


@keyframes daisyContactSubmitGlowSoft{

  0%{
    opacity:0;

    transform:
      scale(.94);
  }

  28%{
    opacity:.28;
  }

  52%{
    opacity:.58;

    transform:
      scale(1.018);
  }

  74%{
    opacity:.34;
  }

  100%{
    opacity:0;

    transform:
      scale(1.055);
  }

}


@keyframes daisyContactSubmitShadowSoft{

  0%{
    box-shadow:
      0 16px 34px rgba(114,101,239,.16);
  }

  50%{
    box-shadow:
      0 20px 42px rgba(114,101,239,.22),
      0 0 20px rgba(88,215,221,.075);
  }

  100%{
    box-shadow:
      0 16px 34px rgba(114,101,239,.16);
  }

}


/* ---------------------------------------------------------
   TABLET / MOBILE
   On <=700px the flow becomes vertical and the horizontal
   connector lines are intentionally absent.
   --------------------------------------------------------- */

@media(max-width:700px){

  #daisy-kontakt .daisy-contact-flow > i{
    display:none !important;
  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

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

  #daisy-kontakt .daisy-contact-flow > i{
    opacity:.72 !important;
    transform:none !important;
    transition:none !important;
  }

  #daisy-kontakt .daisy-contact-flow > i::after{
    animation:none !important;
  }

}




/* ==========================================
   V92 — CTA GLOW / SMOOTH LINEAR FADE-OUT
   Contact-flow lines untouched.
   ========================================== */

/*
  Only the submit-button response is changed here.
  The glow now:
  1) rises smoothly,
  2) briefly holds,
  3) fades out continuously instead of dropping off.
*/

#daisy-kontakt
.daisy-form-submit.is-contact-submit-pulse::after{
  animation:
    daisyContactSubmitGlowOpacityV92 1.85s linear both,
    daisyContactSubmitGlowScaleV92 1.85s cubic-bezier(.16,1,.3,1) both !important;
}

#daisy-kontakt
.daisy-form-submit.is-contact-submit-pulse{
  animation:
    daisyContactSubmitShadowV92
    1.85s
    ease-in-out
    both !important;
}


/* Opacity has its own LINEAR timeline so the fade-down cannot snap. */
@keyframes daisyContactSubmitGlowOpacityV92{

  0%{
    opacity:0;
  }

  28%{
    opacity:.34;
  }

  45%{
    opacity:.60;
  }

  56%{
    opacity:.60;
  }

  72%{
    opacity:.42;
  }

  86%{
    opacity:.20;
  }

  100%{
    opacity:0;
  }

}


/* Scale can still ease independently, keeping the bloom soft. */
@keyframes daisyContactSubmitGlowScaleV92{

  0%{
    transform:scale(.95);
  }

  48%{
    transform:scale(1.018);
  }

  100%{
    transform:scale(1.055);
  }

}


/* Button shadow follows the same slower return to resting state. */
@keyframes daisyContactSubmitShadowV92{

  0%{
    box-shadow:
      0 16px 34px rgba(114,101,239,.16);
  }

  45%{
    box-shadow:
      0 20px 44px rgba(114,101,239,.23),
      0 0 22px rgba(88,215,221,.085);
  }

  58%{
    box-shadow:
      0 20px 44px rgba(114,101,239,.23),
      0 0 22px rgba(88,215,221,.085);
  }

  78%{
    box-shadow:
      0 18px 39px rgba(114,101,239,.19),
      0 0 12px rgba(88,215,221,.045);
  }

  100%{
    box-shadow:
      0 16px 34px rgba(114,101,239,.16);
  }

}




/* ==========================================
   V93 — TABLET HERO POLISH + PRODUCT UI INTRO
   Tablet: centered composition, cleaner scale.
   All devices: fast layered app-build animation.
   ========================================== */


/* =========================================================
   1) TABLET HERO — 701–1060
   The one-column layout stays, but it now feels intentional:
   centered copy, centered CTA, tighter vertical rhythm and a
   slightly smaller / better-framed product visual.
   ========================================================= */

@media(min-width:701px) and (max-width:1060px){

  .daisy-hero-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .daisy-hero-grid > div:first-child{
    width:min(100%,820px);
    margin-inline:auto;

    text-align:center;
  }

  .daisy-hero .daisy-eyebrow{
    width:max-content;
    max-width:100%;

    margin-left:auto;
    margin-right:auto;
  }

  .daisy-hero h1{
    max-width:820px !important;

    margin-left:auto;
    margin-right:auto;

    font-size:clamp(38px,5vw,48px) !important;
    line-height:1.045 !important;

    text-align:center;
    text-wrap:balance;
  }

  .daisy-hero .daisy-hero-lead{
    max-width:620px !important;

    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:24px !important;

    text-align:center;
  }

  .daisy-hero .daisy-actions{
    justify-content:center;

    margin-top:32px !important;
  }


  /* Product visual gets its own centered stage. */
  .daisy-hero-visual{
    width:min(100%,730px) !important;
    justify-self:center !important;

    margin:2px auto 0 !important;
    padding:20px 44px 66px !important;
  }

  .daisy-hero-visual::before{
    width:520px !important;
    height:520px !important;

    left:50% !important;
    top:48% !important;

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

    opacity:.92;
  }

  .daisy-tablet{
    width:100% !important;
    margin-inline:auto;
  }


  /*
    Keep both benefit cards as overlays, but make them feel
    attached to the device instead of floating far outside it.
  */
  .daisy-memory-card{
    left:2px !important;
    bottom:4px !important;

    width:258px !important;
  }

  .daisy-audience-card{
    right:2px !important;
    top:7px !important;

    width:258px !important;
  }

}


/* A little extra breathing room on narrower portrait tablets. */
@media(min-width:701px) and (max-width:840px){

  .daisy-hero-grid{
    gap:30px !important;
  }

  .daisy-hero h1{
    max-width:720px !important;
  }

  .daisy-hero .daisy-hero-lead{
    max-width:590px !important;
  }

  .daisy-hero-visual{
    width:min(100%,690px) !important;
    padding-left:38px !important;
    padding-right:38px !important;
  }

  .daisy-memory-card,
  .daisy-audience-card{
    width:242px !important;
  }

}


/* =========================================================
   2) HERO PRODUCT VISUAL — FAST LAYERED INTRO
   Runs on desktop, laptop, tablet and phone.
   Total visual build is intentionally short (~1.25 s).
   ========================================================= */


/* Device enters a touch faster and cleaner than the old animation. */
.daisy-hero .daisy-tablet{
  animation:
    daisyHeroDeviceInV93
    .78s
    .18s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


/* Quick glass/light sweep over the device shell. */
.daisy-hero .daisy-tablet-shell::after{
  background:
    linear-gradient(
      112deg,
      transparent 18%,
      rgba(255,255,255,.02) 35%,
      rgba(126,111,244,.10) 46%,
      rgba(88,215,221,.09) 52%,
      rgba(255,255,255,.025) 61%,
      transparent 78%
    ) !important;

  background-size:220% 100% !important;
  background-position:-120% 0;

  animation:
    daisyHeroGlassSweepV93
    1.05s
    .30s
    cubic-bezier(.22,1,.36,1)
    both;
}


/* App rail + conversation sidebar assemble first. */
.daisy-hero .daisy-app-rail{
  animation:
    daisyHeroUiFromLeftV93
    .50s
    .34s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero .daisy-product-sidebar{
  animation:
    daisyHeroUiFromLeftV93
    .54s
    .40s
    cubic-bezier(.16,1,.3,1)
    both;
}


/* Then the actual answer workspace builds rapidly. */
.daisy-hero .daisy-product-toolbar{
  animation:
    daisyHeroUiDownV93
    .44s
    .46s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero .daisy-product-copy > h4{
  animation:
    daisyHeroUiUpV93
    .44s
    .52s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero .daisy-product-copy > p{
  animation:
    daisyHeroUiUpV93
    .42s
    .58s
    cubic-bezier(.16,1,.3,1)
    both;
}


/* Three verified source answers — tight stagger. */
.daisy-hero
.daisy-product-summary-item:nth-child(1){
  animation:
    daisyHeroUiUpV93
    .42s
    .64s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero
.daisy-product-summary-item:nth-child(2){
  animation:
    daisyHeroUiUpV93
    .42s
    .72s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero
.daisy-product-summary-item:nth-child(3){
  animation:
    daisyHeroUiUpV93
    .42s
    .80s
    cubic-bezier(.16,1,.3,1)
    both;
}


/* The checks activate with a tiny confirmation pop. */
.daisy-hero
.daisy-product-summary-item:nth-child(1)
.daisy-product-summary-check{
  animation:
    daisyHeroCheckInV93
    .36s
    .70s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero
.daisy-product-summary-item:nth-child(2)
.daisy-product-summary-check{
  animation:
    daisyHeroCheckInV93
    .36s
    .78s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero
.daisy-product-summary-item:nth-child(3)
.daisy-product-summary-check{
  animation:
    daisyHeroCheckInV93
    .36s
    .86s
    cubic-bezier(.16,1,.3,1)
    both;
}


.daisy-hero .daisy-product-answer-note{
  animation:
    daisyHeroUiUpV93
    .42s
    .87s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero .daisy-product-contextbar{
  animation:
    daisyHeroUiUpV93
    .40s
    .93s
    cubic-bezier(.16,1,.3,1)
    both;
}

.daisy-hero .daisy-product-composer{
  animation:
    daisyHeroComposerInV93
    .50s
    .98s
    cubic-bezier(.16,1,.3,1)
    both;
}


/* Benefit cards arrive after the UI is readable. */
.daisy-hero .daisy-memory-card{
  animation:
    daisyHeroFloatInV93
    .58s
    .84s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero .daisy-audience-card{
  animation:
    daisyHeroFloatInV93
    .58s
    .94s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


/* =========================================================
   HERO PRODUCT KEYFRAMES
   ========================================================= */

@keyframes daisyHeroDeviceInV93{

  0%{
    opacity:0;

    transform:
      perspective(1300px)
      translate3d(22px,16px,0)
      rotateY(-3.2deg)
      rotateX(1.2deg)
      scale(.968);

    filter:blur(6px);
  }

  58%{
    opacity:1;

    transform:
      perspective(1300px)
      translate3d(-2px,-1px,0)
      rotateY(-.8deg)
      rotateX(.45deg)
      scale(1.006);

    filter:blur(0);
  }

  100%{
    opacity:1;

    transform:
      perspective(1300px)
      translate3d(0,0,0)
      rotateY(-1.2deg)
      rotateX(.6deg)
      scale(1);

    filter:blur(0);
  }

}


@keyframes daisyHeroUiFromLeftV93{

  from{
    opacity:0;

    transform:
      translate3d(-12px,0,0);

    filter:blur(3px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0);

    filter:blur(0);
  }

}


@keyframes daisyHeroUiDownV93{

  from{
    opacity:0;

    transform:
      translate3d(0,-8px,0);

    filter:blur(2.5px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0);

    filter:blur(0);
  }

}


@keyframes daisyHeroUiUpV93{

  from{
    opacity:0;

    transform:
      translate3d(0,9px,0);

    filter:blur(2.5px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0);

    filter:blur(0);
  }

}


@keyframes daisyHeroCheckInV93{

  0%{
    opacity:0;

    transform:
      scale(.72);
  }

  62%{
    opacity:1;

    transform:
      scale(1.10);

    box-shadow:
      0 0 14px rgba(88,215,221,.24);
  }

  100%{
    opacity:1;

    transform:
      scale(1);

    box-shadow:none;
  }

}


@keyframes daisyHeroComposerInV93{

  from{
    opacity:0;

    transform:
      translate3d(0,10px,0)
      scale(.99);

    filter:blur(3px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0)
      scale(1);

    filter:blur(0);
  }

}


@keyframes daisyHeroFloatInV93{

  from{
    opacity:0;

    transform:
      translate3d(0,12px,0)
      scale(.975);

    filter:blur(3px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0)
      scale(1);

    filter:blur(0);
  }

}


@keyframes daisyHeroGlassSweepV93{

  0%{
    opacity:0;
    background-position:-120% 0;
  }

  18%{
    opacity:.72;
  }

  100%{
    opacity:1;
    background-position:115% 0;
  }

}


/* =========================================================
   MOBILE ANIMATION
   No 3D tilt: same layered build, simpler device movement.
   ========================================================= */

@media(max-width:700px){

  .daisy-hero .daisy-tablet{
    animation:
      daisyHeroDeviceMobileInV93
      .72s
      .18s
      cubic-bezier(.16,1,.3,1)
      both !important;
  }

  .daisy-hero .daisy-memory-card{
    animation-delay:.82s !important;
  }

  .daisy-hero .daisy-audience-card{
    animation-delay:.90s !important;
  }

}


@keyframes daisyHeroDeviceMobileInV93{

  0%{
    opacity:0;

    transform:
      translate3d(0,15px,0)
      scale(.975);

    filter:blur(5px);
  }

  62%{
    opacity:1;

    transform:
      translate3d(0,-1px,0)
      scale(1.004);

    filter:blur(0);
  }

  100%{
    opacity:1;

    transform:
      translate3d(0,0,0)
      scale(1);

    filter:blur(0);
  }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

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

  .daisy-hero .daisy-tablet,
  .daisy-hero .daisy-tablet-shell::after,
  .daisy-hero .daisy-app-rail,
  .daisy-hero .daisy-product-sidebar,
  .daisy-hero .daisy-product-toolbar,
  .daisy-hero .daisy-product-copy > h4,
  .daisy-hero .daisy-product-copy > p,
  .daisy-hero .daisy-product-summary-item,
  .daisy-hero .daisy-product-summary-check,
  .daisy-hero .daisy-product-answer-note,
  .daisy-hero .daisy-product-contextbar,
  .daisy-hero .daisy-product-composer,
  .daisy-hero .daisy-memory-card,
  .daisy-hero .daisy-audience-card{
    animation:none !important;

    opacity:1 !important;
    transform:none;
    filter:none !important;
  }

}




/* ==========================================
   V94 — PORTRAIT TABLET PRICING FIX
   Target: ~821–900 px (especially 834 × 1194)
   Keep the desktop design language, but stop forcing
   the whole pricing composition into two cramped columns.
   ========================================== */

@media(min-width:821px) and (max-width:900px){

  /* Stack the dark pricing card intentionally. */
  #daisy-cena .daisy-price{
    grid-template-columns:1fr !important;

    gap:30px !important;

    padding:36px 36px 34px !important;
  }

  #daisy-cena .daisy-price-copy{
    width:100%;
  }

  #daisy-cena .daisy-price-copy > h3{
    max-width:620px;

    font-size:38px !important;
    line-height:1.04 !important;
  }

  #daisy-cena .daisy-price-copy > p{
    max-width:620px;

    font-size:14.5px !important;
    line-height:1.55 !important;
  }


  /* -------------------------------------------------------
     ROUTING VISUAL
     It now gets the full card width, so nothing is clipped
     and the microcopy can be comfortably larger.
     ------------------------------------------------------- */

  #daisy-cena .daisy-cost-visual{
    width:100% !important;
    max-width:700px;

    grid-template-columns:
      minmax(132px,.9fr)
      52px
      128px
      52px
      minmax(180px,1.15fr) !important;

    min-height:180px !important;

    margin-top:30px !important;
    padding:22px 20px 20px !important;
  }

  #daisy-cena .daisy-cost-input{
    min-height:78px;

    padding:13px 14px;
  }

  #daisy-cena .daisy-cost-input-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
  }

  #daisy-cena .daisy-cost-input-icon svg{
    width:20px;
    height:20px;
  }

  #daisy-cena .daisy-cost-input span,
  #daisy-cena .daisy-cost-model span{
    font-size:8px !important;
  }

  #daisy-cena .daisy-cost-input strong{
    font-size:11.5px !important;
  }

  #daisy-cena .daisy-cost-router{
    width:124px !important;
    height:124px !important;
  }

  #daisy-cena .daisy-cost-router-core{
    width:92px !important;
    height:92px !important;
  }

  #daisy-cena .daisy-cost-router-mark{
    width:30px;
    height:30px;
  }

  #daisy-cena .daisy-cost-router-core strong{
    font-size:9.5px !important;
  }

  #daisy-cena .daisy-cost-router-core span{
    max-width:78px;

    font-size:7.4px !important;
    line-height:1.2 !important;
  }

  #daisy-cena .daisy-cost-model{
    min-height:58px;

    padding:10px 12px;
  }

  #daisy-cena .daisy-cost-model strong{
    font-size:11.5px !important;
  }

  #daisy-cena .daisy-cost-model small{
    font-size:8.4px !important;
    line-height:1.15 !important;
  }

  #daisy-cena .daisy-cost-visual-label{
    left:20px;
    bottom:9px;

    font-size:7.5px !important;
  }


  /* -------------------------------------------------------
     SAVING RING
     Below the routing diagram, but kept as a compact
     horizontal block instead of a giant empty vertical area.
     ------------------------------------------------------- */

  #daisy-cena .daisy-saving{
    width:min(100%,570px) !important;

    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) !important;
    align-items:center !important;

    gap:28px !important;

    margin:0 auto !important;
  }

  #daisy-cena .daisy-saving-ring{
    width:214px !important;
    height:214px !important;
  }

  #daisy-cena .daisy-saving-center{
    width:144px !important;
    height:144px !important;
  }

  #daisy-cena .daisy-saving-number strong{
    font-size:55px !important;
  }

  #daisy-cena .daisy-saving-number em{
    font-size:25px !important;
  }

  #daisy-cena .daisy-saving-caption{
    max-width:250px !important;

    margin:0 !important;

    text-align:left !important;
  }

  #daisy-cena .daisy-saving-caption strong{
    font-size:15px !important;
    line-height:1.2 !important;
  }

  #daisy-cena .daisy-saving-caption span{
    margin-top:5px !important;

    font-size:13px !important;
    line-height:1.28 !important;
  }

}




/* ==========================================
   V95 — RESPONSIVE INTEGRATION REVEAL
   + SECURITY STATUS PILL
   ========================================== */


/* =========================================================
   1) INTEGRATIONS — TABLET / MOBILE CARD REVEAL
   When the desktop hub changes into 5 standalone cards,
   the cards now build in with a short, premium stagger.
   Desktop hub animation remains untouched.
   ========================================================= */

@media(max-width:900px){

  /* Waiting state */
  .daisy-motion-enabled
  #daisy-integrace
  .daisy-integration-map-stage:not(.is-illustration-visible)
  .daisy-integration-node{
    opacity:0 !important;

    transform:
      translate3d(0,14px,0)
      scale(.985) !important;

    filter:blur(4px) !important;
  }


  /* Final state */
  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node{
    opacity:1 !important;

    transform:
      translate3d(0,0,0)
      scale(1) !important;

    filter:blur(0) !important;

    transition:
      opacity .58s cubic-bezier(.16,1,.3,1),
      transform .76s cubic-bezier(.16,1,.3,1),
      filter .62s cubic-bezier(.16,1,.3,1),
      border-color .34s ease,
      background .34s ease,
      box-shadow .42s ease !important;
  }


  /* Fast, readable stagger — no long presentation */
  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-1{
    transition-delay:.04s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-2{
    transition-delay:.12s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-3{
    transition-delay:.20s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-4{
    transition-delay:.28s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-5{
    transition-delay:.36s !important;
  }


  /*
    The small gradient rail on each card also "draws in".
    It makes the appearance feel intentional without adding
    another flashy animation.
  */
  #daisy-integrace
  .daisy-integration-node::before{
    transform-origin:left center !important;

    transition:
      transform .68s cubic-bezier(.16,1,.3,1),
      opacity .45s ease !important;
  }

  .daisy-motion-enabled
  #daisy-integrace
  .daisy-integration-map-stage:not(.is-illustration-visible)
  .daisy-integration-node::before{
    opacity:0 !important;

    transform:
      scaleX(.08) !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node::before{
    opacity:.40 !important;

    transform:
      scaleX(1) !important;
  }


  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-1::before{
    transition-delay:.16s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-2::before{
    transition-delay:.24s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-3::before{
    transition-delay:.32s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-4::before{
    transition-delay:.40s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-5::before{
    transition-delay:.48s !important;
  }

}


/* Phone: same motion language, slightly faster. */
@media(max-width:700px){

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-1{
    transition-delay:.03s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-2{
    transition-delay:.10s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-3{
    transition-delay:.17s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-4{
    transition-delay:.24s !important;
  }

  #daisy-integrace
  .daisy-integration-map-stage.is-illustration-visible
  .daisy-integration-node-5{
    transition-delay:.31s !important;
  }

}


/* =========================================================
   2) SECURITY — "FIREMNÍ DATA POD KONTROLOU"
   Give the final status the same glass-pill language as the
   other security labels. Positioning stays unchanged.
   ========================================================= */

#daisy-bezpecnost .daisy-security-status{
  padding:7px 10px !important;

  border:1px solid rgba(255,255,255,.075) !important;
  border-radius:999px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.022)
    ) !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.10) !important;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


/* Reduced motion: cards are simply visible. */
@media(prefers-reduced-motion:reduce){

  #daisy-integrace
  .daisy-integration-node{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    transition:none !important;
  }

  #daisy-integrace
  .daisy-integration-node::before{
    opacity:.40 !important;
    transform:none !important;
    transition:none !important;
  }

}




/* ==========================================
   V96 — SECURITY STATUS MATCH
   "FIREMNÍ DATA POD KONTROLOU" now uses the exact same
   visual language as the other three security pills.
   ========================================== */

#daisy-bezpecnost .daisy-security-status{
  /* same typography */
  font-family:inherit !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;

  /* same text tone */
  color:rgba(255,255,255,.70) !important;

  /* same pill treatment */
  padding:7px 11px !important;

  border:1px solid rgba(255,255,255,.085) !important;
  border-radius:999px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.024)
    ) !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.10) !important;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


/* Match the indicator dot color/size too. */
#daisy-bezpecnost .daisy-security-status::before{
  width:6px !important;
  height:6px !important;

  margin-right:8px !important;

  border-radius:50% !important;

  background:#58D7DD !important;

  box-shadow:
    0 0 10px rgba(88,215,221,.42) !important;

  opacity:1 !important;
}


/* Keep tablet/mobile scale aligned with the other labels. */
@media(max-width:900px){

  #daisy-bezpecnost .daisy-security-status{
    font-size:11px !important;
  }

}

@media(max-width:700px){

  #daisy-bezpecnost .daisy-security-status{
    font-size:10.5px !important;
    padding:6px 10px !important;
  }

}




/* ==========================================
   V97 — MOBILE SYSTEM POLISH
   Target: modern phones ~390–430 px.
   Strategy:
   - center only section INTRO stacks, not body/card copy
   - crop/simplify hero app instead of shrinking everything
   - keep all four security labels readable
   - rebuild cost-routing as a clean mobile flow
   - selectively enlarge tiny mobile copy
   ========================================== */


/* =========================================================
   1) MOBILE SECTION INTRO SYSTEM
   Center badge + headline + lead consistently.
   Cards/forms themselves stay left-aligned for readability.
   ========================================================= */

@media(max-width:600px){

  /* Standalone section heads */
  #daisy-problemy > .daisy-container > .daisy-eyebrow,
  #daisy-problemy > .daisy-container > .daisy-title,
  #daisy-problemy > .daisy-container > .daisy-lead,

  #daisy-integrace > .daisy-container > .daisy-eyebrow,
  #daisy-integrace > .daisy-container > .daisy-title,
  #daisy-integrace > .daisy-container > .daisy-lead,

  #daisy-vyuziti > .daisy-container > .daisy-eyebrow,
  #daisy-vyuziti > .daisy-container > .daisy-title,
  #daisy-vyuziti > .daisy-container > .daisy-lead,

  #daisy-cena > .daisy-container > .daisy-eyebrow,
  #daisy-cena > .daisy-container > .daisy-title,
  #daisy-cena > .daisy-container > .daisy-lead,

  #daisy-nasazeni > .daisy-container > .daisy-eyebrow,
  #daisy-nasazeni > .daisy-container > .daisy-title,

  #daisy-faq > .daisy-container > .daisy-eyebrow,
  #daisy-faq > .daisy-container > .daisy-title{
    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }


  #daisy-problemy > .daisy-container > .daisy-eyebrow,
  #daisy-integrace > .daisy-container > .daisy-eyebrow,
  #daisy-vyuziti > .daisy-container > .daisy-eyebrow,
  #daisy-cena > .daisy-container > .daisy-eyebrow,
  #daisy-nasazeni > .daisy-container > .daisy-eyebrow,
  #daisy-faq > .daisy-container > .daisy-eyebrow{
    display:flex !important;

    width:max-content !important;
    max-width:100%;

    justify-content:center !important;
  }


  #daisy-problemy > .daisy-container > .daisy-title,
  #daisy-integrace > .daisy-container > .daisy-title,
  #daisy-vyuziti > .daisy-container > .daisy-title,
  #daisy-cena > .daisy-container > .daisy-title,
  #daisy-nasazeni > .daisy-container > .daisy-title,
  #daisy-faq > .daisy-container > .daisy-title{
    max-width:390px !important;

    text-wrap:balance;
  }


  #daisy-problemy > .daisy-container > .daisy-lead,
  #daisy-integrace > .daisy-container > .daisy-lead,
  #daisy-vyuziti > .daisy-container > .daisy-lead,
  #daisy-cena > .daisy-container > .daisy-lead{
    max-width:370px !important;

    font-size:16.5px !important;
    line-height:1.55 !important;

    text-wrap:pretty;
  }


  /* Contact intro joins the same visual rhythm.
     Form labels/fields remain untouched and left aligned. */
  #daisy-kontakt .daisy-contact-intro{
    margin-inline:auto;

    text-align:center;
  }

  #daisy-kontakt .daisy-contact-intro > .daisy-eyebrow{
    width:max-content;
    max-width:100%;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  #daisy-kontakt .daisy-contact-title{
    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }

  #daisy-kontakt .daisy-contact-copy{
    max-width:370px;

    margin-left:auto;
    margin-right:auto;

    text-align:center;
  }

}


/* =========================================================
   2) HERO — MOBILE-FIRST COMPOSITION
   The app remains, but it becomes a readable cropped product
   window instead of a tiny full desktop UI.
   ========================================================= */

@media(max-width:600px){

  .daisy-hero{
    padding-top:124px !important;
    padding-bottom:46px !important;
  }


  .daisy-hero-grid{
    gap:0 !important;
  }


  .daisy-hero-grid > div:first-child{
    width:100%;

    margin-inline:auto;

    text-align:center;
  }


  .daisy-hero .daisy-eyebrow{
    display:flex;

    width:max-content;
    max-width:100%;

    margin-left:auto;
    margin-right:auto;

    justify-content:center;

    font-size:11.5px !important;
    line-height:1.3 !important;

    text-align:center;
  }


  .daisy-hero h1{
    max-width:390px !important;

    margin-left:auto !important;
    margin-right:auto !important;
    margin-top:24px !important;

    font-size:36px !important;
    line-height:1.02 !important;
    letter-spacing:-.043em !important;

    text-align:center !important;
    text-wrap:balance;
  }


  .daisy-hero .daisy-headline-line{
    display:block;
  }


  .daisy-hero .daisy-headline-line + .daisy-headline-line{
    margin-top:.09em !important;
  }


  .daisy-hero .daisy-headline-line.daisy-gradient-text{
    margin-top:.18em !important;
  }


  .daisy-hero .daisy-hero-lead{
    max-width:365px !important;

    margin:24px auto 0 !important;

    color:rgba(255,255,255,.64) !important;

    font-size:15.5px !important;
    line-height:1.58 !important;

    text-align:center !important;
  }


  .daisy-hero .daisy-actions{
    display:flex;

    justify-content:center !important;

    margin-top:29px !important;
  }


  .daisy-hero .daisy-actions .daisy-btn{
    width:auto !important;
    max-width:100%;

    min-height:50px;

    padding:0 22px !important;

    font-size:13px !important;
  }


  /* -------------------------------------------------------
     Product stage
     ------------------------------------------------------- */

  .daisy-hero-visual{
    width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px !important;

    margin:46px auto 0 !important;
    padding:0 !important;
  }


  .daisy-hero-visual::before{
    width:360px !important;
    height:360px !important;

    left:50% !important;
    top:34% !important;

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

    opacity:.72 !important;
  }


  /*
    Keep one clean product surface:
    app rail + workspace.
    The conversations sidebar is intentionally hidden only on phone.
  */
  .daisy-hero .daisy-tablet{
    grid-column:1/-1;

    width:96% !important;
    max-width:390px !important;

    margin-inline:auto !important;
  }


  .daisy-hero .daisy-tablet-shell{
    padding:8px !important;

    border-radius:22px !important;
  }


  .daisy-hero .daisy-tablet-ui{
    min-height:322px !important;

    grid-template-columns:
      38px
      minmax(0,1fr) !important;

    border-radius:15px !important;
  }


  .daisy-hero .daisy-product-sidebar{
    display:none !important;
  }


  .daisy-hero .daisy-app-rail{
    padding:8px 4px !important;
  }


  .daisy-hero .daisy-app-brandtile,
  .daisy-hero .daisy-app-rail-btn{
    width:28px !important;
    height:28px !important;
  }


  /* Now that the sidebar is gone, the useful app content can be larger. */
  .daisy-tablet-ui .daisy-product-toolbar{
    min-height:44px !important;

    padding:9px 11px !important;

    font-size:9.4px !important;
  }


  .daisy-tablet-ui .daisy-product-toolbar-chips span{
    font-size:6.8px !important;
  }


  .daisy-tablet-ui .daisy-product-answer{
    padding:13px !important;
  }


  .daisy-tablet-ui .daisy-product-question{
    padding:9px 10px !important;

    font-size:9.2px !important;
    line-height:1.42 !important;
  }


  .daisy-product-summary{
    gap:6px !important;
  }


  .daisy-product-summary-item{
    min-height:42px;

    grid-template-columns:19px minmax(0,1fr) !important;

    gap:7px !important;

    padding:7px 8px !important;
  }


  .daisy-product-summary-check{
    width:19px !important;
    height:19px !important;
  }


  .daisy-product-summary-item strong{
    font-size:8.1px !important;
    line-height:1.28 !important;
  }


  .daisy-product-summary-item small{
    margin-top:2px;

    font-size:6.6px !important;
    line-height:1.25 !important;
  }


  .daisy-product-answer-note{
    padding:8px 9px !important;

    font-size:7.2px !important;
    line-height:1.42 !important;
  }


  .daisy-product-answer-note span{
    font-size:7.4px !important;
  }


  .daisy-tablet-ui .daisy-product-contextbar,
  .daisy-tablet-ui .daisy-product-composer{
    font-size:7.5px !important;
  }


  /* -------------------------------------------------------
     Benefits: two compact cards rather than a tall stack.
     ------------------------------------------------------- */

  .daisy-hero .daisy-memory-card,
  .daisy-hero .daisy-audience-card{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    width:auto !important;
    min-width:0;

    margin:0 !important;

    grid-template-columns:34px minmax(0,1fr) !important;

    gap:9px !important;

    align-items:start !important;

    padding:13px 12px !important;

    border-radius:17px !important;
  }


  .daisy-hero .daisy-float-icon{
    width:34px !important;
    height:34px !important;

    border-radius:10px !important;
  }


  .daisy-hero .daisy-float-icon svg{
    width:18px !important;
    height:18px !important;
  }


  .daisy-hero .daisy-float-card span{
    font-size:12.5px !important;
    line-height:1.22 !important;
  }


  .daisy-hero .daisy-float-card p{
    margin-top:5px !important;

    font-size:10.8px !important;
    line-height:1.38 !important;
  }

}


/* Slightly narrower phones: keep the same concept, only trim type. */
@media(max-width:380px){

  .daisy-hero h1{
    font-size:33px !important;
  }

  .daisy-hero .daisy-float-card span{
    font-size:11.8px !important;
  }

  .daisy-hero .daisy-float-card p{
    font-size:10.2px !important;
  }

}


/* =========================================================
   3) SECURITY — MOBILE LABELS BECOME REAL UI PILLS
   No labels disappear at 390 anymore.
   ========================================================= */

@media(max-width:600px){

  #daisy-bezpecnost .daisy-security-intro{
    padding:27px 18px 18px !important;
  }


  #daisy-bezpecnost .daisy-security-copy{
    text-align:center;
  }


  #daisy-bezpecnost .daisy-security-copy > .daisy-eyebrow{
    width:max-content;

    margin-left:auto !important;
    margin-right:auto !important;
  }


  #daisy-bezpecnost .daisy-security-intro h2{
    max-width:365px !important;

    margin:23px auto 0 !important;

    font-size:35px !important;
    line-height:1.015 !important;

    text-align:center;
    text-wrap:balance;
  }


  #daisy-bezpecnost .daisy-security-intro p{
    max-width:350px;

    margin:18px auto 0 !important;

    font-size:14.2px !important;
    line-height:1.56 !important;

    text-align:center;
  }


  .daisy-security-visual{
    width:100% !important;

    min-height:282px !important;

    margin:14px auto 0 !important;
  }


  .daisy-security-visual::before{
    width:285px !important;
    height:165px !important;
  }


  .daisy-security-orbit-one{
    width:245px !important;
    height:126px !important;
  }


  .daisy-security-orbit-two{
    width:305px !important;
    height:166px !important;
  }


  .daisy-security-shield{
    width:106px !important;
    height:122px !important;

    top:50% !important;
  }


  .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    display:flex !important;

    gap:7px !important;

    padding:8px 10px !important;

    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:999px !important;

    color:rgba(255,255,255,.73) !important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.065),
        rgba(255,255,255,.025)
      ) !important;

    box-shadow:
      0 10px 24px rgba(0,0,0,.11) !important;

    font-family:inherit !important;
    font-size:10.8px !important;
    line-height:1 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    text-transform:none !important;

    white-space:nowrap;
  }


  .daisy-security-node-dot,
  #daisy-bezpecnost .daisy-security-status > span{
    width:6px !important;
    height:6px !important;

    flex:0 0 6px !important;

    border-radius:50% !important;

    background:#58D7DD !important;

    box-shadow:
      0 0 10px rgba(88,215,221,.44) !important;
  }


  .daisy-security-node-access{
    left:0 !important;
    top:15% !important;
  }


  .daisy-security-node-data{
    right:0 !important;
    top:15% !important;
  }


  .daisy-security-node-license{
    display:flex !important;

    left:0 !important;
    bottom:13% !important;
  }


  #daisy-bezpecnost .daisy-security-status{
    display:flex !important;

    right:0 !important;
    bottom:13% !important;
  }

}


/* Existing old <=390 hide rule is intentionally cancelled. */
@media(max-width:390px){

  .daisy-security-node-license,
  #daisy-bezpecnost .daisy-security-status{
    display:flex !important;
  }


  .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    font-size:10px !important;

    padding:7px 9px !important;
  }

}


/* =========================================================
   4) COST OPTIMIZATION — PURPOSE-BUILT PHONE ILLUSTRATION
   Same HTML, completely different mobile composition:
   question -> DAISY -> two readable model choices.
   ========================================================= */

@media(max-width:600px){

  #daisy-cena .daisy-price{
    gap:28px !important;

    padding:28px 18px 28px !important;
  }


  #daisy-cena .daisy-price-copy > h3{
    max-width:350px;

    margin-left:auto !important;
    margin-right:auto !important;

    font-size:33px !important;
    line-height:1.035 !important;

    text-align:center;
    text-wrap:balance;
  }


  #daisy-cena .daisy-price-copy > p{
    max-width:350px;

    margin:16px auto 0 !important;

    font-size:14.2px !important;
    line-height:1.56 !important;

    text-align:center;
  }


  .daisy-cost-visual{
    width:100% !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:
      auto
      34px
      auto
      34px
      auto !important;

    align-items:center !important;

    min-height:0 !important;

    margin-top:26px !important;
    padding:24px 18px 22px !important;

    overflow:hidden !important;

    border-radius:20px !important;
  }


  .daisy-cost-visual-glow{
    left:50% !important;
    top:47% !important;

    width:270px !important;
    height:210px !important;

    opacity:.85;
  }


  /* Input */
  .daisy-cost-input{
    width:min(100%,250px) !important;

    min-height:74px !important;

    justify-self:center !important;

    gap:12px !important;

    padding:13px 15px !important;
  }


  .daisy-cost-input-icon{
    width:42px !important;
    height:42px !important;

    flex-basis:42px !important;
  }


  .daisy-cost-input-icon svg{
    width:21px !important;
    height:21px !important;
  }


  .daisy-cost-input span{
    font-size:9.5px !important;
  }


  .daisy-cost-input strong{
    font-size:14px !important;
    line-height:1.15 !important;
  }


  /* Vertical connectors */
  .daisy-cost-route-line{
    width:2px !important;
    height:24px !important;

    align-self:center !important;
    justify-self:center !important;

    border-radius:999px;

    background:
      linear-gradient(
        180deg,
        rgba(114,101,239,.35),
        rgba(88,215,221,.72)
      ) !important;

    transform-origin:top center;
  }


  .daisy-cost-route-line i{
    display:none !important;
  }


  /* Router */
  .daisy-cost-router{
    width:122px !important;
    height:122px !important;

    justify-self:center !important;
  }


  .daisy-cost-router-core{
    width:94px !important;
    height:94px !important;
  }


  .daisy-cost-router-mark{
    width:31px !important;
    height:31px !important;
  }


  .daisy-cost-router-core strong{
    font-size:11px !important;
  }


  .daisy-cost-router-core span{
    max-width:80px !important;

    font-size:8.8px !important;
    line-height:1.18 !important;
  }


  /* Two outputs side-by-side = shorter + clearer than the old stack. */
  .daisy-cost-models{
    width:100% !important;
    max-width:340px !important;

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

    gap:10px !important;

    justify-self:center !important;
  }


  .daisy-cost-model{
    min-width:0;
    min-height:100px !important;

    grid-template-columns:7px minmax(0,1fr) !important;

    gap:8px !important;

    align-content:center;

    padding:13px 11px !important;

    border-radius:15px !important;
  }


  .daisy-cost-model span{
    font-size:8.7px !important;
    line-height:1.18 !important;
  }


  .daisy-cost-model strong{
    margin-top:5px !important;

    font-size:11.8px !important;
    line-height:1.18 !important;
  }


  .daisy-cost-model small{
    margin-top:5px !important;

    font-size:9.8px !important;
    line-height:1.18 !important;
  }


  .daisy-cost-visual-label{
    display:none !important;
  }


  /* -------------------------------------------------------
     MOBILE COST ANIMATION
     Existing JS already adds .is-illustration-visible.
     No JS change required.
     ------------------------------------------------------- */

  .daisy-cost-visual .daisy-cost-input,
  .daisy-cost-visual .daisy-cost-router,
  .daisy-cost-visual .daisy-cost-model,
  .daisy-cost-visual .daisy-cost-route-line{
    animation:none !important;

    transition:
      opacity .56s cubic-bezier(.16,1,.3,1),
      transform .72s cubic-bezier(.16,1,.3,1),
      filter .56s cubic-bezier(.16,1,.3,1) !important;
  }


  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-input{
    opacity:0 !important;

    transform:
      translate3d(0,-10px,0)
      scale(.985) !important;

    filter:blur(3px) !important;
  }


  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-route-line{
    opacity:0 !important;

    transform:
      scaleY(.05) !important;
  }


  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-router{
    opacity:0 !important;

    transform:
      scale(.84) !important;

    filter:blur(4px) !important;
  }


  .daisy-motion-enabled
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-model{
    opacity:0 !important;

    transform:
      translate3d(0,12px,0)
      scale(.985) !important;

    filter:blur(3px) !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-input{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    transition-delay:.04s !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-route-line-left{
    opacity:1 !important;
    transform:scaleY(1) !important;

    transition-delay:.20s !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-router{
    opacity:1 !important;
    transform:scale(1) !important;
    filter:none !important;

    transition-delay:.34s !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-route-line-right{
    opacity:1 !important;
    transform:scaleY(1) !important;

    transition-delay:.50s !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-model:nth-child(1){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    transition-delay:.64s !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-model:nth-child(2){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    transition-delay:.73s !important;
  }


  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-router-core{
    animation:
      daisyMobileCostRouterGlowV97
      .90s
      .40s
      cubic-bezier(.16,1,.3,1)
      both !important;
  }


  @keyframes daisyMobileCostRouterGlowV97{

    0%{
      box-shadow:
        0 18px 38px rgba(0,0,0,.16),
        0 0 0 rgba(114,101,239,0);
    }

    45%{
      box-shadow:
        0 18px 38px rgba(0,0,0,.16),
        0 0 34px rgba(114,101,239,.18),
        0 0 18px rgba(88,215,221,.09);
    }

    100%{
      box-shadow:
        0 18px 38px rgba(0,0,0,.16),
        0 0 28px rgba(114,101,239,.055);
    }

  }


  /* Saving ring stays; only its supporting copy gets phone-sized type. */
  #daisy-cena .daisy-saving{
    grid-template-columns:1fr !important;

    gap:8px !important;

    width:100% !important;

    margin:2px auto 0 !important;

    text-align:center !important;
  }


  #daisy-cena .daisy-saving-caption{
    max-width:310px !important;

    margin:4px auto 0 !important;

    text-align:center !important;
  }


  #daisy-cena .daisy-saving-caption strong{
    font-size:16.5px !important;
    line-height:1.2 !important;
  }


  #daisy-cena .daisy-saving-caption span{
    margin-top:5px !important;

    font-size:14px !important;
    line-height:1.3 !important;
  }

}


/* =========================================================
   5) SELECTIVE MOBILE READABILITY BOOST
   Only small body copy — not headings or component geometry.
   ========================================================= */

@media(max-width:600px){

  .daisy-site .daisy-card p,
  .daisy-site .daisy-situation p,
  .daisy-site .daisy-how-step p,
  .daisy-site .daisy-faq-answer-inner{
    font-size:14.5px !important;
    line-height:1.56 !important;
  }


  #daisy-bezpecnost .daisy-security-item p{
    font-size:13.8px !important;
    line-height:1.54 !important;
  }


  #daisy-kontakt .daisy-contact-copy{
    font-size:14.8px !important;
    line-height:1.58 !important;
  }

}


/* =========================================================
   6) REDUCED MOTION
   ========================================================= */

@media(max-width:600px) and (prefers-reduced-motion:reduce){

  .daisy-cost-visual .daisy-cost-input,
  .daisy-cost-visual .daisy-cost-router,
  .daisy-cost-visual .daisy-cost-model,
  .daisy-cost-visual .daisy-cost-route-line{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    animation:none !important;
    transition:none !important;
  }

}




/* ==========================================
   V98 — MOBILE TYPOGRAPHY SYSTEM
   + MOBILE HERO SIMPLIFICATION
   + CALMER HERO MOTION ON ALL BREAKPOINTS
   ========================================== */


/* =========================================================
   A) HERO MOTION — ALL RESPONSIVE SIZES
   Keep the premium first impression, remove the "everything fires"
   feeling. Copy gets a quiet stagger. Product UI enters as ONE object.
   Internal app elements no longer animate separately.
   ========================================================= */


/* Background rings stay alive visually, but no longer animate in. */
.daisy-hero::before,
.daisy-hero::after{
  animation:none !important;
}


/* Quiet copy sequence: less travel, less blur, tighter stagger. */
.daisy-hero .daisy-eyebrow{
  animation:
    daisyHeroCopyCalmV98
    .58s
    .05s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero h1{
  animation:
    daisyHeroCopyCalmV98
    .68s
    .11s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero .daisy-hero-lead{
  animation:
    daisyHeroCopyCalmV98
    .64s
    .20s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero .daisy-actions{
  animation:
    daisyHeroCopyCalmV98
    .60s
    .28s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


@keyframes daisyHeroCopyCalmV98{

  from{
    opacity:0;
    transform:translate3d(0,10px,0);
    filter:blur(2px);
  }

  to{
    opacity:1;
    transform:translate3d(0,0,0);
    filter:blur(0);
  }

}


/* Product illustration = one smooth arrival, no 3D "launch". */
.daisy-hero .daisy-tablet{
  animation:
    daisyHeroProductCalmV98
    .82s
    .30s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


@keyframes daisyHeroProductCalmV98{

  from{
    opacity:0;

    transform:
      translate3d(0,14px,0)
      scale(.985);

    filter:blur(3px);
  }

  to{
    opacity:1;

    transform:
      translate3d(0,0,0)
      scale(1);

    filter:blur(0);
  }

}


/*
  Kill the V93 "app assembles itself" choreography.
  The UI is already visible inside the single product reveal.
*/
.daisy-hero .daisy-app-rail,
.daisy-hero .daisy-product-sidebar,
.daisy-hero .daisy-product-toolbar,
.daisy-hero .daisy-product-copy > h4,
.daisy-hero .daisy-product-copy > p,
.daisy-hero .daisy-product-summary-item,
.daisy-hero .daisy-product-summary-check,
.daisy-hero .daisy-product-answer-note,
.daisy-hero .daisy-product-contextbar,
.daisy-hero .daisy-product-composer{
  animation:none !important;

  opacity:1 !important;
  transform:none !important;
  filter:none !important;
}


/* Keep just one very soft light sweep for a little "wow". */
.daisy-hero .daisy-tablet-shell::after{
  animation:
    daisyHeroSweepCalmV98
    1.15s
    .48s
    ease-out
    both !important;
}


@keyframes daisyHeroSweepCalmV98{

  0%{
    opacity:0;
    background-position:-120% 0;
  }

  35%{
    opacity:.34;
  }

  100%{
    opacity:.08;
    background-position:115% 0;
  }

}


/* Benefit cards arrive softly after the device — no dramatic pop. */
.daisy-hero .daisy-memory-card{
  animation:
    daisyHeroFloatCalmV98
    .58s
    .48s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero .daisy-audience-card{
  animation:
    daisyHeroFloatCalmV98
    .58s
    .56s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


@keyframes daisyHeroFloatCalmV98{

  from{
    opacity:0;
    transform:translate3d(0,8px,0);
    filter:blur(2px);
  }

  to{
    opacity:1;
    transform:translate3d(0,0,0);
    filter:blur(0);
  }

}


/* =========================================================
   B) MOBILE TYPOGRAPHY SCALE
   390–430 px gets a consistent hierarchy:
   eyebrow 12–13
   support/body 15.5–17
   card titles 17–19
   section titles ~34–38
   micro labels never fall into 7–9 px territory unless unavoidable.
   ========================================================= */

@media(max-width:600px){

  /* ---------- GLOBAL MOBILE READING SCALE ---------- */

  .daisy-site{
    font-size:16px;
  }


  .daisy-site .daisy-eyebrow{
    font-size:12.5px !important;
    line-height:1.3 !important;
    letter-spacing:.14em !important;
  }


  .daisy-site .daisy-title{
    font-size:clamp(33px,8.5vw,37px) !important;
    line-height:1.045 !important;
    letter-spacing:-.038em !important;
  }


  .daisy-site .daisy-section > .daisy-container > .daisy-lead{
    max-width:380px !important;

    font-size:17px !important;
    line-height:1.55 !important;
  }


  /* ---------- HERO ---------- */

  .daisy-hero{
    padding-top:122px !important;
    padding-bottom:52px !important;
  }


  .daisy-hero h1{
    max-width:400px !important;

    font-size:clamp(35px,9.4vw,39px) !important;
    line-height:1.01 !important;
  }


  .daisy-hero .daisy-hero-lead{
    max-width:375px !important;

    font-size:17px !important;
    line-height:1.56 !important;
  }


  .daisy-hero .daisy-actions{
    margin-top:30px !important;
  }


  .daisy-hero .daisy-actions .daisy-btn{
    min-height:52px !important;

    padding:0 25px !important;

    font-size:15px !important;
    line-height:1 !important;
    font-weight:700 !important;
  }


  /*
    PHONE: remove the product/tablet illustration completely.
    This also removes the two small floating benefit cards,
    keeping the hero clean and much shorter.
  */
  .daisy-hero-visual{
    display:none !important;
  }


  .daisy-hero-metrics{
    margin-top:54px !important;
  }


  /* ---------- METRICS ---------- */

  .daisy-hero .daisy-metric{
    min-height:174px !important;

    padding:22px 22px 21px !important;
  }


  .daisy-hero .daisy-metric-kicker{
    font-size:11.5px !important;
    line-height:1 !important;
    letter-spacing:.10em !important;
  }


  .daisy-hero .daisy-metric-kicker::before{
    width:7px !important;
    height:7px !important;
  }


  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    min-height:55px !important;

    margin-top:17px !important;

    font-size:42px !important;
    line-height:1.04 !important;
  }


  .daisy-hero .daisy-metric strong.daisy-metric-long{
    font-size:38px !important;
  }


  .daisy-hero-metrics .daisy-metric > span{
    max-width:310px !important;

    margin-top:15px !important;

    color:rgba(255,255,255,.68) !important;

    font-size:16px !important;
    line-height:1.4 !important;
    font-weight:500 !important;
  }


  /* ---------- PROBLEM / SITUATION / HOW / FAQ ---------- */

  .daisy-card h3{
    font-size:19px !important;
    line-height:1.18 !important;
  }


  .daisy-site .daisy-card p,
  .daisy-site .daisy-situation p,
  .daisy-site .daisy-how-step p,
  .daisy-site .daisy-faq-answer-inner{
    font-size:15.5px !important;
    line-height:1.58 !important;
  }


  .daisy-situation h3{
    font-size:20px !important;
    line-height:1.18 !important;
  }


  .daisy-how-step h3{
    font-size:19px !important;
    line-height:1.18 !important;
  }


  .daisy-how-number-label{
    font-size:11px !important;
  }


  .daisy-how-cta-note{
    font-size:13px !important;
  }


  .daisy-faq-question{
    font-size:18px !important;
    line-height:1.3 !important;
  }


  /* ---------- INTEGRATIONS ---------- */

  #daisy-integrace .daisy-integration-map-stage{
    margin-top:34px !important;
  }


  #daisy-integrace .daisy-integration-map{
    gap:11px !important;
  }


  #daisy-integrace .daisy-integration-node,
  #daisy-integrace .daisy-integration-node-5{
    min-height:72px !important;

    grid-template-columns:46px minmax(0,1fr) !important;

    gap:14px !important;

    padding:14px 16px !important;
  }


  #daisy-integrace .daisy-integration-node-icon{
    width:46px !important;
    height:46px !important;

    border-radius:14px !important;
  }


  #daisy-integrace .daisy-integration-node-icon svg{
    width:23px !important;
    height:23px !important;
  }


  #daisy-integrace .daisy-integration-node strong{
    font-size:15.5px !important;
    line-height:1.26 !important;
  }


  /* ---------- SECURITY INTRO + PILLS ---------- */

  #daisy-bezpecnost .daisy-security-intro{
    padding:30px 20px 22px !important;
  }


  #daisy-bezpecnost .daisy-security-intro h2{
    font-size:36px !important;
    line-height:1.02 !important;
  }


  #daisy-bezpecnost .daisy-security-intro p{
    max-width:365px !important;

    font-size:15.5px !important;
    line-height:1.56 !important;
  }


  #daisy-bezpecnost .daisy-security-visual{
    min-height:318px !important;

    margin-top:15px !important;
  }


  #daisy-bezpecnost .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    gap:8px !important;

    padding:9px 12px !important;

    font-size:12.2px !important;
    line-height:1 !important;
    font-weight:600 !important;
  }


  #daisy-bezpecnost .daisy-security-node-dot,
  #daisy-bezpecnost .daisy-security-status > span{
    width:7px !important;
    height:7px !important;
    flex-basis:7px !important;
  }


  #daisy-bezpecnost .daisy-security-node-access{
    left:0 !important;
    top:12% !important;
  }


  #daisy-bezpecnost .daisy-security-node-data{
    right:0 !important;
    top:12% !important;
  }


  #daisy-bezpecnost .daisy-security-node-license{
    left:0 !important;
    bottom:10% !important;
  }


  #daisy-bezpecnost .daisy-security-status{
    right:0 !important;
    bottom:10% !important;
  }


  /* ---------- SECURITY PRINCIPLE CARDS ---------- */

  #daisy-bezpecnost .daisy-security-list{
    gap:13px !important;
  }


  #daisy-bezpecnost .daisy-security-item{
    grid-template-columns:54px minmax(0,1fr) !important;

    gap:16px !important;

    padding:20px 18px !important;
  }


  #daisy-bezpecnost .daisy-security-item-top{
    min-height:0 !important;
  }


  #daisy-bezpecnost .daisy-security-item-icon{
    width:52px !important;
    height:52px !important;
  }


  #daisy-bezpecnost .daisy-security-item-icon svg{
    width:29px !important;
    height:29px !important;
  }


  #daisy-bezpecnost .daisy-security-item h3{
    font-size:17px !important;
    line-height:1.22 !important;
  }


  #daisy-bezpecnost .daisy-security-item p{
    margin-top:7px !important;

    font-size:15px !important;
    line-height:1.55 !important;
  }


  /* ---------- PRICING MAIN COPY ---------- */

  #daisy-cena .daisy-price{
    padding:30px 18px 30px !important;
  }


  #daisy-cena .daisy-price-copy > h3{
    max-width:370px !important;

    font-size:34px !important;
    line-height:1.035 !important;
  }


  #daisy-cena .daisy-price-copy > p{
    max-width:365px !important;

    font-size:15.5px !important;
    line-height:1.55 !important;
  }


  /* ---------- MOBILE COST FLOW ---------- */

  #daisy-cena .daisy-cost-visual{
    width:100% !important;
    max-width:370px !important;

    margin:28px auto 0 !important;

    padding:25px 18px 24px !important;

    grid-template-rows:
      auto
      32px
      auto
      32px
      auto !important;
  }


  #daisy-cena .daisy-cost-input{
    width:min(100%,278px) !important;

    min-height:82px !important;

    padding:14px 16px !important;
  }


  #daisy-cena .daisy-cost-input-icon{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }


  #daisy-cena .daisy-cost-input span{
    font-size:10.5px !important;
    letter-spacing:.08em !important;
  }


  #daisy-cena .daisy-cost-input strong{
    font-size:15.5px !important;
    line-height:1.15 !important;
  }


  #daisy-cena .daisy-cost-router{
    width:132px !important;
    height:132px !important;
  }


  #daisy-cena .daisy-cost-router-core{
    width:102px !important;
    height:102px !important;
  }


  #daisy-cena .daisy-cost-router-mark{
    width:33px !important;
    height:33px !important;
  }


  #daisy-cena .daisy-cost-router-core strong{
    font-size:12px !important;
    line-height:1 !important;
  }


  #daisy-cena .daisy-cost-router-core span{
    max-width:88px !important;

    font-size:10px !important;
    line-height:1.2 !important;
  }


  /*
    Outputs now stack full-width instead of sitting in two tiny columns.
    This is much more readable on a real phone.
  */
  #daisy-cena .daisy-cost-models{
    width:min(100%,286px) !important;

    grid-template-columns:1fr !important;

    gap:10px !important;

    justify-self:center !important;
  }


  #daisy-cena .daisy-cost-model{
    min-height:86px !important;

    grid-template-columns:8px minmax(0,1fr) !important;

    gap:11px !important;

    padding:13px 15px !important;
  }


  #daisy-cena .daisy-cost-model span{
    font-size:10px !important;
    line-height:1.15 !important;
    letter-spacing:.075em !important;
  }


  #daisy-cena .daisy-cost-model strong{
    margin-top:5px !important;

    font-size:14.5px !important;
    line-height:1.15 !important;
  }


  #daisy-cena .daisy-cost-model small{
    margin-top:4px !important;

    font-size:11.5px !important;
    line-height:1.2 !important;
  }


  /* ---------- 50 % SAVING COPY ---------- */

  #daisy-cena .daisy-saving-caption{
    max-width:330px !important;

    margin-top:8px !important;
  }


  #daisy-cena .daisy-saving-caption strong{
    font-size:17px !important;
    line-height:1.22 !important;
  }


  #daisy-cena .daisy-saving-caption span{
    margin-top:6px !important;

    font-size:14.5px !important;
    line-height:1.3 !important;
  }


  /* ---------- CONTACT / FORM ---------- */

  #daisy-kontakt .daisy-contact-copy{
    font-size:16px !important;
    line-height:1.58 !important;
  }


  #daisy-kontakt .daisy-form-heading strong{
    font-size:21px !important;
  }


  #daisy-kontakt .daisy-form-heading span{
    font-size:15px !important;
    line-height:1.48 !important;
  }


  #daisy-kontakt .daisy-form-label{
    font-size:11px !important;
  }


  #daisy-kontakt .daisy-field{
    font-size:15px !important;
  }


  #daisy-kontakt .daisy-form-submit{
    min-height:52px !important;

    font-size:15px !important;
  }


  #daisy-kontakt .daisy-form-privacy{
    font-size:11.5px !important;
    line-height:1.5 !important;
  }


  /* ---------- FOOTER ---------- */

  .daisy-footer-owner,
  .daisy-footer-contact span,
  .daisy-footer-contact a{
    font-size:14px !important;
  }

}


/* =========================================================
   C) NARROW PHONE SAFETY — 360–390
   Preserve the hierarchy without letting long labels collide.
   ========================================================= */

@media(max-width:390px){

  #daisy-bezpecnost .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    padding:8px 10px !important;

    font-size:11.2px !important;
  }


  #daisy-bezpecnost .daisy-security-visual{
    min-height:304px !important;
  }


  .daisy-hero h1{
    font-size:34px !important;
  }


  .daisy-hero .daisy-hero-lead{
    font-size:16px !important;
  }

}


/* =========================================================
   D) REDUCED MOTION
   ========================================================= */

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

  .daisy-hero .daisy-eyebrow,
  .daisy-hero h1,
  .daisy-hero .daisy-hero-lead,
  .daisy-hero .daisy-actions,
  .daisy-hero .daisy-tablet,
  .daisy-hero .daisy-tablet-shell::after,
  .daisy-hero .daisy-memory-card,
  .daisy-hero .daisy-audience-card{
    animation:none !important;

    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }

}




/* ==========================================
   V99 — MOBILE READABILITY + HERO RESTRAINT
   Final mobile direction:
   - more air below menu
   - no product mockup on phone
   - keep both hero benefit cards, stacked
   - larger / more coherent type hierarchy
   - shield becomes a large centerpiece + stacked pills
   - cost router becomes genuinely readable
   - calmer hero motion on ALL breakpoints
   ========================================== */


/* =========================================================
   1) HERO MOTION — ALL BREAKPOINTS
   Two visual beats instead of a cascade of independent effects.
   ========================================================= */

/* Copy behaves almost as one composition. */
.daisy-hero .daisy-eyebrow,
.daisy-hero h1{
  animation:
    daisyHeroGroupOneV99
    .66s
    .06s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero .daisy-hero-lead,
.daisy-hero .daisy-actions{
  animation:
    daisyHeroGroupTwoV99
    .66s
    .16s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


/* Product + both benefit cards arrive as the second visual unit. */
.daisy-hero .daisy-tablet{
  animation:
    daisyHeroProductV99
    .78s
    .22s
    cubic-bezier(.16,1,.3,1)
    both !important;
}

.daisy-hero .daisy-memory-card,
.daisy-hero .daisy-audience-card{
  animation:
    daisyHeroBenefitsV99
    .62s
    .30s
    cubic-bezier(.16,1,.3,1)
    both !important;
}


/* Remove the extra sweep completely.
   This is the main thing that made the hero feel over-animated. */
.daisy-hero .daisy-tablet-shell::after{
  animation:none !important;
}


@keyframes daisyHeroGroupOneV99{

  from{
    opacity:0;
    transform:translate3d(0,8px,0);
    filter:blur(1.5px);
  }

  to{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

}


@keyframes daisyHeroGroupTwoV99{

  from{
    opacity:0;
    transform:translate3d(0,7px,0);
    filter:blur(1.2px);
  }

  to{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

}


@keyframes daisyHeroProductV99{

  from{
    opacity:0;
    transform:translate3d(0,10px,0) scale(.99);
    filter:blur(2px);
  }

  to{
    opacity:1;
    transform:none;
    filter:blur(0);
  }

}


@keyframes daisyHeroBenefitsV99{

  from{
    opacity:0;
    transform:translate3d(0,6px,0);
  }

  to{
    opacity:1;
    transform:none;
  }

}



/* =========================================================
   2) PHONE HERO
   ========================================================= */

@media(max-width:600px){

  /*
    Much more deliberate distance from the fixed navigation.
    This is intentionally generous.
  */
  .daisy-hero{
    padding-top:154px !important;
    padding-bottom:56px !important;
  }


  .daisy-hero-grid > div:first-child{
    text-align:center !important;
  }


  .daisy-hero .daisy-eyebrow{
    margin-top:34px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }


  /*
    Remove the large decorative hero rings on phone.
    The gradient headline/button already carry enough branding.
  */
  .daisy-hero::before,
  .daisy-hero::after{
    display:none !important;
  }


  .daisy-hero h1{
    max-width:400px !important;

    margin-top:27px !important;

    font-size:clamp(36px,9.7vw,40px) !important;
    line-height:1.015 !important;

    text-wrap:balance;
  }


  .daisy-hero .daisy-hero-lead{
    max-width:380px !important;

    margin-top:27px !important;

    font-size:17px !important;
    line-height:1.62 !important;
  }


  .daisy-hero .daisy-actions{
    margin-top:31px !important;
  }


  .daisy-hero .daisy-actions .daisy-btn{
    min-height:54px !important;

    padding-inline:30px !important;

    font-size:15.5px !important;
  }


  /*
    The product screenshot itself disappears on phone,
    BUT the two benefit cards stay directly below the CTA.
  */
  .daisy-hero-visual{
    width:min(100%,390px) !important;

    display:grid !important;
    grid-template-columns:1fr !important;

    gap:11px !important;

    margin:34px auto 0 !important;
    padding:0 8px !important;
  }


  .daisy-hero-visual::before{
    display:none !important;
  }


  .daisy-hero .daisy-tablet{
    display:none !important;
  }


  .daisy-hero .daisy-memory-card,
  .daisy-hero .daisy-audience-card{
    position:relative !important;

    inset:auto !important;

    width:100% !important;

    display:grid !important;
    grid-template-columns:46px minmax(0,1fr) !important;

    gap:13px !important;

    margin:0 !important;
    padding:16px 17px !important;

    align-items:center !important;

    border-radius:18px !important;

    text-align:left !important;

    /*
      They move together, not as two separate animation beats.
    */
    animation:
      daisyHeroBenefitsV99
      .60s
      .26s
      cubic-bezier(.16,1,.3,1)
      both !important;
  }


  .daisy-hero .daisy-float-icon{
    width:46px !important;
    height:46px !important;

    border-radius:13px !important;
  }


  .daisy-hero .daisy-float-icon svg{
    width:23px !important;
    height:23px !important;
  }


  .daisy-hero .daisy-float-card span{
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }


  .daisy-hero .daisy-float-card p{
    margin-top:5px !important;

    font-size:14.5px !important;
    line-height:1.48 !important;
    font-weight:500 !important;
  }

}



/* =========================================================
   3) HERO METRICS — MORE BREATHING ROOM
   ========================================================= */

@media(max-width:600px){

  .daisy-hero .daisy-metric{
    min-height:184px !important;

    padding:23px 22px 24px !important;
  }


  .daisy-hero .daisy-metric strong,
  .daisy-hero .daisy-metric strong.daisy-metric-long{
    margin-top:18px !important;

    line-height:1.11 !important;
  }


  .daisy-hero-metrics .daisy-metric > span{
    margin-top:17px !important;

    font-size:16.5px !important;
    line-height:1.52 !important;
  }

}



/* =========================================================
   4) GLOBAL MOBILE READING HIERARCHY
   Push tiny UI/body text upward without flattening the hierarchy.
   ========================================================= */

@media(max-width:600px){

  /* Main section intro copy */
  .daisy-site .daisy-section > .daisy-container > .daisy-lead{
    font-size:17px !important;
    line-height:1.60 !important;
  }


  /* Problem cards / situations / how / FAQ */
  .daisy-card h3,
  .daisy-how-step h3{
    font-size:19.5px !important;
    line-height:1.24 !important;
  }


  .daisy-situation h3{
    font-size:20.5px !important;
    line-height:1.23 !important;
  }


  .daisy-site .daisy-card p,
  .daisy-site .daisy-situation p,
  .daisy-site .daisy-how-step p,
  .daisy-site .daisy-faq-answer-inner{
    font-size:15.8px !important;
    line-height:1.62 !important;
  }


  /* Integration labels */
  #daisy-integrace .daisy-integration-node strong{
    font-size:16.5px !important;
    line-height:1.32 !important;
  }

}



/* =========================================================
   5) SECURITY — LARGE SHIELD + STACKED PILLS
   ========================================================= */

@media(max-width:600px){

  #daisy-bezpecnost .daisy-security-intro{
    padding:
      32px
      20px
      28px !important;
  }


  #daisy-bezpecnost .daisy-security-intro p{
    font-size:15.8px !important;
    line-height:1.62 !important;
    font-weight:500 !important;
  }


  /*
    Illustration gets more vertical room because the four labels
    now form a readable stack below the shield.
  */
  #daisy-bezpecnost .daisy-security-visual{
    min-height:500px !important;

    margin-top:12px !important;
    padding-top:0 !important;
  }


  #daisy-bezpecnost .daisy-security-visual::before{
    width:340px !important;
    height:205px !important;

    left:50% !important;
    bottom:auto !important;
    top:70px !important;

    transform:translateX(-50%) !important;
  }


  #daisy-bezpecnost .daisy-security-orbit{
    left:50% !important;
    top:25% !important;
  }


  #daisy-bezpecnost .daisy-security-orbit-one{
    width:292px !important;
    height:152px !important;
  }


  #daisy-bezpecnost .daisy-security-orbit-two{
    width:350px !important;
    height:190px !important;
  }


  #daisy-bezpecnost .daisy-security-shield{
    left:50% !important;
    top:25% !important;

    width:154px !important;
    height:176px !important;

    transform:translate(-50%,-50%) !important;
  }


  #daisy-bezpecnost .daisy-security-shield-mark{
    width:48px !important;
    height:48px !important;

    border-radius:14px !important;
  }


  #daisy-bezpecnost .daisy-security-check{
    width:29px !important;
    height:29px !important;
  }


  /*
    All 4 labels now share one full-width component.
    No tiny orbit microcopy.
  */
  #daisy-bezpecnost .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    left:22px !important;
    right:22px !important;

    width:auto !important;
    min-height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;

    padding:11px 14px !important;

    color:rgba(255,255,255,.76) !important;

    font-size:13.5px !important;
    line-height:1.2 !important;
    font-weight:600 !important;

    text-align:left !important;
    white-space:nowrap !important;
  }


  #daisy-bezpecnost .daisy-security-node-access{
    top:54% !important;
    bottom:auto !important;
  }


  #daisy-bezpecnost .daisy-security-node-data{
    top:64% !important;
    bottom:auto !important;
  }


  #daisy-bezpecnost .daisy-security-node-license{
    top:74% !important;
    bottom:auto !important;
  }


  #daisy-bezpecnost .daisy-security-status{
    top:84% !important;
    bottom:auto !important;
  }


  #daisy-bezpecnost .daisy-security-node-dot,
  #daisy-bezpecnost .daisy-security-status > span{
    width:8px !important;
    height:8px !important;

    flex:0 0 8px !important;
  }


  /* Security principle cards — stronger body weight + bigger copy. */
  #daisy-bezpecnost .daisy-security-item{
    grid-template-columns:56px minmax(0,1fr) !important;

    gap:17px !important;

    padding:21px 18px !important;
  }


  #daisy-bezpecnost .daisy-security-item h3{
    font-size:18px !important;
    line-height:1.26 !important;
  }


  #daisy-bezpecnost .daisy-security-item p{
    margin-top:8px !important;

    font-size:15.8px !important;
    line-height:1.62 !important;
    font-weight:500 !important;

    color:#747684 !important;
  }

}



/* =========================================================
   6) COST ROUTING — BIG, SIMPLE, READABLE PHONE UI
   ========================================================= */

@media(max-width:600px){

  #daisy-cena .daisy-price-copy > p{
    font-size:15.8px !important;
    line-height:1.62 !important;
    font-weight:500 !important;
  }


  #daisy-cena .daisy-cost-visual{
    width:100% !important;
    max-width:380px !important;

    grid-template-rows:
      auto
      40px
      auto
      40px
      auto !important;

    margin:30px auto 0 !important;
    padding:28px 15px 27px !important;

    border-radius:22px !important;
  }


  /* Input grows to almost full illustration width. */
  #daisy-cena .daisy-cost-input{
    width:100% !important;
    max-width:338px !important;

    min-height:88px !important;

    gap:14px !important;

    padding:15px 17px !important;

    justify-self:center !important;
  }


  #daisy-cena .daisy-cost-input-icon{
    width:49px !important;
    height:49px !important;

    flex-basis:49px !important;
  }


  #daisy-cena .daisy-cost-input-icon svg{
    width:24px !important;
    height:24px !important;
  }


  #daisy-cena .daisy-cost-input span{
    font-size:11.5px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
  }


  #daisy-cena .daisy-cost-input strong{
    margin-top:5px !important;

    font-size:18px !important;
    line-height:1.12 !important;

    white-space:nowrap !important;
  }


  /* Much larger DAISY decision core. */
  #daisy-cena .daisy-cost-router{
    width:176px !important;
    height:176px !important;

    justify-self:center !important;
  }


  #daisy-cena .daisy-cost-router-core{
    width:136px !important;
    height:136px !important;
  }


  #daisy-cena .daisy-cost-router-mark{
    width:42px !important;
    height:42px !important;
  }


  #daisy-cena .daisy-cost-router-core strong{
    margin-top:7px !important;

    font-size:14px !important;
    line-height:1 !important;
  }


  #daisy-cena .daisy-cost-router-core span{
    max-width:112px !important;

    margin-top:6px !important;

    font-size:12.5px !important;
    line-height:1.22 !important;
    font-weight:600 !important;

    text-align:center !important;
  }


  /* Output cards use practically the whole available width. */
  #daisy-cena .daisy-cost-models{
    width:100% !important;
    max-width:338px !important;

    grid-template-columns:1fr !important;

    gap:11px !important;
  }


  #daisy-cena .daisy-cost-model{
    width:100% !important;

    min-height:94px !important;

    grid-template-columns:8px minmax(0,1fr) !important;

    gap:12px !important;

    padding:15px 17px !important;
  }


  #daisy-cena .daisy-cost-model > div:last-child{
    min-width:0;

    display:flex;
    flex-direction:column;
    justify-content:center;
  }


  #daisy-cena .daisy-cost-model span{
    font-size:11.5px !important;
    line-height:1.05 !important;
    letter-spacing:.065em !important;

    white-space:nowrap !important;
  }


  #daisy-cena .daisy-cost-model strong{
    margin-top:7px !important;

    font-size:17.5px !important;
    line-height:1.08 !important;

    white-space:nowrap !important;
  }


  #daisy-cena .daisy-cost-model small{
    margin-top:6px !important;

    font-size:13px !important;
    line-height:1.1 !important;

    white-space:nowrap !important;
  }


  /* Give the vertical route line a little more presence. */
  #daisy-cena .daisy-cost-route-line{
    height:30px !important;
  }


  /* 50% support copy */
  #daisy-cena .daisy-saving-caption strong{
    font-size:18px !important;
    line-height:1.25 !important;
  }


  #daisy-cena .daisy-saving-caption span{
    font-size:15.5px !important;
    line-height:1.38 !important;
  }

}



/* =========================================================
   7) NARROW PHONE SAFETY
   Keep big labels, only trim when the viewport truly needs it.
   ========================================================= */

@media(max-width:380px){

  #daisy-bezpecnost .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    left:16px !important;
    right:16px !important;

    font-size:12.5px !important;
  }


  #daisy-cena .daisy-cost-model span{
    font-size:10.8px !important;
  }


  #daisy-cena .daisy-cost-model strong{
    font-size:16.5px !important;
  }


  #daisy-cena .daisy-cost-input strong{
    font-size:17px !important;
  }

}



/* =========================================================
   8) REDUCED MOTION
   ========================================================= */

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

  .daisy-hero .daisy-eyebrow,
  .daisy-hero h1,
  .daisy-hero .daisy-hero-lead,
  .daisy-hero .daisy-actions,
  .daisy-hero .daisy-tablet,
  .daisy-hero .daisy-memory-card,
  .daisy-hero .daisy-audience-card{
    animation:none !important;

    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }

}




/* ==========================================
   V100 — TABLET PRICING = MOBILE FLOW
   + LEFT-ALIGNED SAVINGS COPY
   + WIDER HERO CTA
   ========================================== */


/* =========================================================
   1) HERO CTA — more confident width
   Tablet + phone.
   ========================================================= */

@media(max-width:900px){

  .daisy-hero .daisy-actions .daisy-btn{
    min-width:300px !important;

    justify-content:center !important;
  }

}


@media(max-width:600px){

  .daisy-hero .daisy-actions{
    width:100% !important;
  }

  .daisy-hero .daisy-actions .daisy-btn{
    width:min(100%,350px) !important;
    min-width:0 !important;

    padding-left:28px !important;
    padding-right:28px !important;
  }

}



/* =========================================================
   2) PORTRAIT TABLET PRICING
   Use the same simple vertical logic as phone instead of the
   compressed desktop routing diagram.
   Target: 701–900 px.
   ========================================================= */

@media(min-width:701px) and (max-width:900px){

  #daisy-cena .daisy-price{
    grid-template-columns:1fr !important;

    gap:34px !important;

    padding:40px 38px 38px !important;
  }


  #daisy-cena .daisy-price-copy{
    width:100% !important;
  }


  #daisy-cena .daisy-price-copy > h3{
    max-width:650px !important;

    font-size:clamp(36px,5vw,44px) !important;
    line-height:1.035 !important;
  }


  #daisy-cena .daisy-price-copy > p{
    max-width:650px !important;

    font-size:15px !important;
    line-height:1.58 !important;
  }


  /* -------------------------------------------------------
     ROUTING VISUAL
     Same structural logic as phone, just roomier.
     ------------------------------------------------------- */

  #daisy-cena .daisy-cost-visual{
    width:min(100%,560px) !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:
      auto
      42px
      auto
      42px
      auto !important;

    align-items:center !important;

    min-height:0 !important;

    margin:32px auto 0 !important;
    padding:30px 28px 28px !important;

    overflow:hidden !important;

    border-radius:24px !important;
  }


  #daisy-cena .daisy-cost-visual-glow{
    left:50% !important;
    top:46% !important;

    width:340px !important;
    height:260px !important;

    transform:
      translate(-50%,-50%) !important;
  }


  /* Input */
  #daisy-cena .daisy-cost-input{
    width:min(100%,360px) !important;

    min-height:90px !important;

    justify-self:center !important;

    gap:15px !important;

    padding:16px 18px !important;
  }


  #daisy-cena .daisy-cost-input-icon{
    width:50px !important;
    height:50px !important;

    flex-basis:50px !important;
  }


  #daisy-cena .daisy-cost-input-icon svg{
    width:24px !important;
    height:24px !important;
  }


  #daisy-cena .daisy-cost-input span{
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
  }


  #daisy-cena .daisy-cost-input strong{
    margin-top:5px !important;

    font-size:18px !important;
    line-height:1.12 !important;

    white-space:nowrap !important;
  }


  /* Vertical connectors */
  #daisy-cena .daisy-cost-route-line{
    width:2px !important;
    height:31px !important;

    justify-self:center !important;

    background:
      linear-gradient(
        180deg,
        rgba(114,101,239,.38),
        rgba(88,215,221,.76)
      ) !important;

    transform-origin:top center !important;
  }


  #daisy-cena .daisy-cost-route-line i{
    display:none !important;
  }


  /* DAISY router */
  #daisy-cena .daisy-cost-router{
    width:176px !important;
    height:176px !important;

    justify-self:center !important;
  }


  #daisy-cena .daisy-cost-router-core{
    width:136px !important;
    height:136px !important;
  }


  #daisy-cena .daisy-cost-router-mark{
    width:42px !important;
    height:42px !important;
  }


  #daisy-cena .daisy-cost-router-core strong{
    margin-top:7px !important;

    font-size:14px !important;
    line-height:1 !important;
  }


  #daisy-cena .daisy-cost-router-core span{
    max-width:112px !important;

    margin-top:6px !important;

    font-size:12.5px !important;
    line-height:1.22 !important;
    font-weight:600 !important;

    text-align:center !important;
  }


  /* Outputs */
  #daisy-cena .daisy-cost-models{
    width:min(100%,390px) !important;

    display:grid !important;
    grid-template-columns:1fr !important;

    gap:11px !important;

    justify-self:center !important;
  }


  #daisy-cena .daisy-cost-model{
    width:100% !important;

    min-height:92px !important;

    grid-template-columns:8px minmax(0,1fr) !important;

    gap:12px !important;

    padding:15px 18px !important;
  }


  #daisy-cena .daisy-cost-model > div:last-child{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }


  #daisy-cena .daisy-cost-model span{
    font-size:11px !important;
    line-height:1.05 !important;
    letter-spacing:.065em !important;

    white-space:nowrap !important;
  }


  #daisy-cena .daisy-cost-model strong{
    margin-top:7px !important;

    font-size:17px !important;
    line-height:1.08 !important;

    white-space:nowrap !important;
  }


  #daisy-cena .daisy-cost-model small{
    margin-top:6px !important;

    font-size:13px !important;
    line-height:1.1 !important;

    white-space:nowrap !important;
  }


  #daisy-cena .daisy-cost-visual-label{
    display:none !important;
  }


  /* -------------------------------------------------------
     Tablet animation = same clean sequence as phone.
     Existing JS already toggles .is-illustration-visible.
     ------------------------------------------------------- */

  #daisy-cena .daisy-cost-visual .daisy-cost-input,
  #daisy-cena .daisy-cost-visual .daisy-cost-router,
  #daisy-cena .daisy-cost-visual .daisy-cost-model,
  #daisy-cena .daisy-cost-visual .daisy-cost-route-line{
    animation:none !important;

    transition:
      opacity .56s cubic-bezier(.16,1,.3,1),
      transform .72s cubic-bezier(.16,1,.3,1),
      filter .56s cubic-bezier(.16,1,.3,1) !important;
  }


  .daisy-motion-enabled
  #daisy-cena
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-input{
    opacity:0 !important;

    transform:
      translate3d(0,-10px,0)
      scale(.985) !important;

    filter:blur(3px) !important;
  }


  .daisy-motion-enabled
  #daisy-cena
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-route-line{
    opacity:0 !important;

    transform:
      scaleY(.05) !important;
  }


  .daisy-motion-enabled
  #daisy-cena
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-router{
    opacity:0 !important;

    transform:
      scale(.86) !important;

    filter:blur(4px) !important;
  }


  .daisy-motion-enabled
  #daisy-cena
  .daisy-cost-visual:not(.is-illustration-visible)
  .daisy-cost-model{
    opacity:0 !important;

    transform:
      translate3d(0,12px,0)
      scale(.985) !important;

    filter:blur(3px) !important;
  }


  #daisy-cena
  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-input{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    transition-delay:.04s !important;
  }


  #daisy-cena
  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-route-line-left{
    opacity:1 !important;
    transform:scaleY(1) !important;

    transition-delay:.20s !important;
  }


  #daisy-cena
  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-router{
    opacity:1 !important;
    transform:scale(1) !important;
    filter:none !important;

    transition-delay:.34s !important;
  }


  #daisy-cena
  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-route-line-right{
    opacity:1 !important;
    transform:scaleY(1) !important;

    transition-delay:.50s !important;
  }


  #daisy-cena
  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-model:nth-child(1){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    transition-delay:.64s !important;
  }


  #daisy-cena
  .daisy-cost-visual.is-illustration-visible
  .daisy-cost-model:nth-child(2){
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    transition-delay:.73s !important;
  }


  /* -------------------------------------------------------
     50% block
     Keep ring + copy side by side, but copy is LEFT aligned.
     ------------------------------------------------------- */

  #daisy-cena .daisy-saving{
    width:min(100%,590px) !important;

    display:grid !important;
    grid-template-columns:220px minmax(0,1fr) !important;

    align-items:center !important;

    gap:32px !important;

    min-height:250px !important;

    margin:2px auto 0 !important;
  }


  #daisy-cena .daisy-saving-caption{
    position:static !important;

    width:auto !important;
    max-width:280px !important;

    margin:0 !important;

    transform:none !important;

    text-align:left !important;
  }


  #daisy-cena .daisy-saving-caption strong{
    font-size:16px !important;
    line-height:1.25 !important;
  }


  #daisy-cena .daisy-saving-caption span{
    margin-top:6px !important;

    font-size:13.5px !important;
    line-height:1.38 !important;
  }

}


/* =========================================================
   3) REDUCED MOTION
   ========================================================= */

@media(min-width:701px) and (max-width:900px) and (prefers-reduced-motion:reduce){

  #daisy-cena .daisy-cost-input,
  #daisy-cena .daisy-cost-router,
  #daisy-cena .daisy-cost-model,
  #daisy-cena .daisy-cost-route-line{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;

    animation:none !important;
    transition:none !important;
  }

}




/* ==========================================
   V101 — TABLET SAVINGS CENTERING
   + SECURITY SHIELD / BADGE RECOMPOSITION
   Target: portrait tablet 701–900 px
   ========================================== */

@media(min-width:701px) and (max-width:900px){

  /* =======================================================
     1) 50% SAVINGS — CENTER THE WHOLE GROUP
     Ring + copy behave as one grouped object.
     ======================================================= */

  #daisy-cena .daisy-saving{
    width:max-content !important;
    max-width:100% !important;

    grid-template-columns:220px 260px !important;

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

    gap:34px !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  #daisy-cena .daisy-saving-caption{
    width:260px !important;
    max-width:260px !important;

    margin:0 !important;

    text-align:left !important;
  }

  #daisy-cena .daisy-saving-caption strong{
    font-size:18px !important;
    line-height:1.24 !important;
  }

  #daisy-cena .daisy-saving-caption span{
    margin-top:7px !important;

    font-size:15px !important;
    line-height:1.42 !important;
  }


  /* =======================================================
     2) SECURITY — TABLET ILLUSTRATION
     Big shield on the left, readable badge stack on the right.
     ======================================================= */

  #daisy-bezpecnost .daisy-security-visual{
    min-height:300px !important;

    margin-top:22px !important;
    padding:0 !important;
  }


  /* Ambient glow follows the shield instead of the whole stage. */
  #daisy-bezpecnost .daisy-security-visual::before{
    left:27% !important;
    top:52% !important;
    bottom:auto !important;

    width:290px !important;
    height:190px !important;

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

    opacity:.9 !important;
  }


  /* Orbits become a subtle shield backdrop on the left side. */
  #daisy-bezpecnost .daisy-security-orbit{
    left:27% !important;
    top:53% !important;
  }

  #daisy-bezpecnost .daisy-security-orbit-one{
    width:245px !important;
    height:132px !important;
  }

  #daisy-bezpecnost .daisy-security-orbit-two{
    width:300px !important;
    height:168px !important;
  }


  /* Larger shield, visually anchored lower-left. */
  #daisy-bezpecnost .daisy-security-shield{
    left:27% !important;
    top:54% !important;

    width:148px !important;
    height:168px !important;
  }

  #daisy-bezpecnost .daisy-security-shield-mark{
    width:47px !important;
    height:47px !important;

    border-radius:14px !important;
  }

  #daisy-bezpecnost .daisy-security-check{
    width:28px !important;
    height:28px !important;
  }


  /* All security labels become one clear vertical UI stack. */
  #daisy-bezpecnost .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    left:54% !important;
    right:4% !important;

    width:auto !important;
    min-height:44px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;

    padding:11px 14px !important;

    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:999px !important;

    color:rgba(255,255,255,.75) !important;

    background:
      linear-gradient(
        145deg,
        rgba(255,255,255,.065),
        rgba(255,255,255,.026)
      ) !important;

    box-shadow:
      0 10px 26px rgba(0,0,0,.11) !important;

    font-family:inherit !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
    text-transform:none !important;

    white-space:nowrap !important;
  }


  #daisy-bezpecnost .daisy-security-node-dot,
  #daisy-bezpecnost .daisy-security-status > span{
    width:7px !important;
    height:7px !important;

    flex:0 0 7px !important;
  }


  #daisy-bezpecnost .daisy-security-node-access{
    top:15% !important;
    bottom:auto !important;
  }

  #daisy-bezpecnost .daisy-security-node-data{
    top:34% !important;
    bottom:auto !important;
  }

  #daisy-bezpecnost .daisy-security-node-license{
    top:53% !important;
    bottom:auto !important;
  }

  #daisy-bezpecnost .daisy-security-status{
    top:72% !important;
    bottom:auto !important;
  }

}


/* Slightly tighter composition at the very narrow tablet edge. */
@media(min-width:701px) and (max-width:780px){

  #daisy-cena .daisy-saving{
    grid-template-columns:205px 240px !important;

    gap:26px !important;
  }

  #daisy-cena .daisy-saving-caption{
    width:240px !important;
    max-width:240px !important;
  }


  #daisy-bezpecnost .daisy-security-node,
  #daisy-bezpecnost .daisy-security-status{
    left:52% !important;
    right:2% !important;

    font-size:12.5px !important;
  }

  #daisy-bezpecnost .daisy-security-shield,
  #daisy-bezpecnost .daisy-security-orbit,
  #daisy-bezpecnost .daisy-security-visual::before{
    left:25% !important;
  }

}




/* ==========================================================
   V102 — SAFE FINAL PATCH
   Minimal fixes only. Keeps the approved V101 cascade intact.
   ========================================================== */

/* Prevent the descender of the Y in "Díky DAISY" from clipping. */
.daisy-hero .daisy-gradient-text{
  padding-bottom:.10em;
  margin-bottom:-.10em;
}

/* Mobile-only performance: keep the approved sequence, remove costly
   raster effects while the pricing illustration is moving. */
@media(max-width:600px){

  #daisy-cena .daisy-saving-progress{
    filter:none !important;
  }

  #daisy-cena .daisy-cost-visual .daisy-cost-input,
  #daisy-cena .daisy-cost-visual .daisy-cost-router,
  #daisy-cena .daisy-cost-visual .daisy-cost-model,
  #daisy-cena .daisy-cost-visual .daisy-cost-route-line{
    filter:none !important;
    backface-visibility:hidden;
  }

  #daisy-cena .daisy-cost-visual.is-illustration-visible .daisy-cost-router-core{
    animation:none !important;
  }
}



/* ==========================================
   FINAL FIX — INTEGRATIONS TITLE / DESCENDER CLIPPING
   Keeps the large Inter heading from clipping the J descender.
   ========================================== */
#daisy-integrace .daisy-integrations-title{
  line-height:1.08 !important;
  overflow:visible !important;
}

#daisy-integrace .daisy-integrations-title > span{
  overflow:visible !important;
}

#daisy-integrace .daisy-integrations-title-line{
  padding-bottom:.07em !important;
}




/* ==========================================
   CONTACT FORM — SENDING STATE / STATUS / HONEYPOT
   ========================================== */
#daisy-kontakt .daisy-form-hp{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}

#daisy-kontakt .daisy-form-status{
  font-size:14px;
  line-height:1.5;
}

#daisy-kontakt .daisy-form-status:empty{
  display:none;
}

#daisy-kontakt .daisy-form-status.is-success{
  color:#58D7DD;
}

#daisy-kontakt .daisy-form-status.is-error{
  color:#ff8a8a;
}

#daisy-kontakt .daisy-form-submit[disabled]{
  opacity:.65;
  cursor:wait;
}



/* ==========================================
   LANGUAGE SWITCH (NAVIGATION)
   Flags of the other languages, right of the CTA.
   ========================================== */
.daisy-lang-switch{
  display:flex;
  align-items:center;
  gap:10px;

  margin-left:-12px;
}

.daisy-lang-switch a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 2px;

  color:rgba(255,255,255,.72) !important;
  text-decoration:none;

  opacity:.72;
  transition:opacity .28s ease;
}

.daisy-lang-switch a:hover{
  opacity:1;
}

.daisy-lang-switch img{
  display:block;
  width:22px;
  height:15px;

  border-radius:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.16);
}

.daisy-lang-switch span{
  display:none;
}

@media(max-width:1024px){
  .daisy-lang-switch{
    flex-direction:column;
    align-items:stretch;
    gap:3px;

    margin:0;
  }

  .daisy-lang-switch a{
    padding:12px 14px;

    border-radius:12px;

    font-size:14px;
    line-height:1.25;

    opacity:1;
  }

  .daisy-lang-switch a:hover{
    color:#fff !important;
    background:rgba(255,255,255,.045);
  }

  .daisy-lang-switch span{
    display:inline;
  }
}


/* ==========================================
   COMPACT NAVIGATION (DESKTOP)
   When the menu items do not fit (long labels in some languages),
   daisy.js adds .daisy-nav-compact and the nav uses the same
   hamburger dropdown as tablet/phone. Generated from the
   max-width:1024px nav rules above.
   ========================================== */
@media(min-width:1025px){

  .daisy-nav.daisy-nav-compact{
    position:relative;
    z-index:1200;
  }

  .daisy-nav-compact .daisy-menu{
    position:relative;
    z-index:4;

    display:grid !important;
    place-items:center;

    flex:0 0 44px;

    width:44px;
    height:44px;

    margin-left:auto;
    padding:0;

    overflow:hidden;

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

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

    font-size:0;

    cursor:pointer;

    transition:
      background .28s ease,
      border-color .28s ease,
      transform .3s ease;
  }

  .daisy-nav-compact .daisy-menu::before,
  .daisy-nav-compact .daisy-menu::after{
    content:"";

    position:absolute;
    left:50%;

    width:19px;
    height:2px;

    border-radius:999px;

    background:#fff;

    transform:translateX(-50%);

    transition:
      top .36s cubic-bezier(.22,1,.36,1),
      transform .36s cubic-bezier(.22,1,.36,1);
  }

  .daisy-nav-compact .daisy-menu::before{
    top:16px;
  }

  .daisy-nav-compact .daisy-menu::after{
    top:25px;
  }

  .daisy-nav.daisy-nav-compact.daisy-open .daisy-menu{
    border-color:rgba(114,101,239,.28);
    background:rgba(114,101,239,.10);
  }

  .daisy-nav.daisy-nav-compact.daisy-open .daisy-menu::before{
    top:21px;
    transform:translateX(-50%) rotate(45deg);
  }

  .daisy-nav.daisy-nav-compact.daisy-open .daisy-menu::after{
    top:21px;
    transform:translateX(-50%) rotate(-45deg);
  }

  .daisy-nav-compact .daisy-nav-links{
    position:absolute;

    left:0;
    right:0;
    top:calc(100% + 10px);

    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:3px;

    margin:0;
    padding:10px;

    overflow:hidden;

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

    background:
      linear-gradient(
        180deg,
        rgba(21,21,31,.97),
        rgba(13,14,21,.96)
      );

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

    box-shadow:
      0 28px 80px rgba(0,0,0,.36),
      inset 0 1px 0 rgba(255,255,255,.045);

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transform:translateY(-9px) scale(.985);
    transform-origin:top center;

    transition:
      opacity .24s ease,
      visibility .24s ease,
      transform .34s cubic-bezier(.22,1,.36,1);
  }

  .daisy-nav.daisy-nav-compact.daisy-open .daisy-nav-links{
    opacity:1;
    visibility:visible;
    pointer-events:auto;

    transform:translateY(0) scale(1);
  }

  .daisy-nav-compact .daisy-nav-links > a:not(.daisy-btn){
    left:0;

    width:100%;
    min-height:0;

    padding:12px 14px;

    border-radius:12px;

    color:rgba(255,255,255,.72) !important;

    font-size:14px;
    line-height:1.25;
  }

  .daisy-nav-compact .daisy-nav-links > a:not(.daisy-btn)::after{
    display:none;
  }

  .daisy-nav-compact .daisy-nav-links > a:not(.daisy-btn):hover{
    color:#fff !important;
    background:rgba(255,255,255,.045);
  }

  .daisy-nav-compact .daisy-nav-links .daisy-btn{
    width:100%;
    min-height:44px;

    margin:5px 0 0;
    padding:0 16px;

    justify-content:center;
  }

  .daisy-nav-compact .daisy-lang-switch{
    flex-direction:column;
    align-items:stretch;
    gap:3px;

    margin:0;
  }

  .daisy-nav-compact .daisy-lang-switch a{
    padding:12px 14px;

    border-radius:12px;

    font-size:14px;
    line-height:1.25;

    opacity:1;
  }

  .daisy-nav-compact .daisy-lang-switch a:hover{
    color:#fff !important;
    background:rgba(255,255,255,.045);
  }

  .daisy-nav-compact .daisy-lang-switch span{
    display:inline;
  }

}

.daisy-nav-measuring,
.daisy-nav-measuring *,
.daisy-nav-measuring *::before,
.daisy-nav-measuring *::after{
  transition:none !important;
}