/* LOGOS Homepage 2026 — first impression layer
   Mobile-focused visual polish for header, hero, adviser and the first content rail. */

@media (max-width:760px){
  body.home-2026{
    background:#f8f5f9;
  }

  /* Compact app-like chrome */
  .home-2026 .topbar{
    min-height:30px;
    background:linear-gradient(90deg,#21002e,#4e075f 58%,#8d299c);
  }
  .home-2026 .topbar__inner{
    min-height:30px;
    justify-content:flex-start;
    gap:10px;
    font-size:.68rem;
    letter-spacing:.01em;
  }
  .home-2026 .topbar__inner a:first-child{
    display:inline-flex;
    align-items:center;
    min-height:22px;
    padding:2px 9px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:999px;
    background:rgba(255,255,255,.06);
  }
  .home-2026 .topbar__inner a:nth-child(2){
    max-width:52vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    opacity:.84;
  }

  .home-2026 .site-header{
    position:sticky;
    top:0;
    z-index:90;
    margin:0;
    background:rgba(255,255,255,.84);
    border-bottom:1px solid rgba(68,10,82,.08);
    box-shadow:0 10px 32px rgba(36,0,49,.055);
    backdrop-filter:blur(20px) saturate(170%);
    -webkit-backdrop-filter:blur(20px) saturate(170%);
  }
  .home-2026 .nav-wrap{min-height:68px}
  .home-2026 .brand__logo{width:126px;height:auto}
  .home-2026 .nav-toggle{
    min-width:78px;
    min-height:42px;
    padding:0 16px;
    border:1px solid rgba(69,10,84,.11);
    border-radius:999px;
    background:rgba(255,255,255,.90);
    box-shadow:0 8px 24px rgba(45,0,61,.07),inset 0 1px 0 rgba(255,255,255,.95);
    font-size:.8rem;
    font-weight:850;
  }

  /* Hero becomes a product landing, not a banner */
  .home-2026 .hero{
    position:relative;
    min-height:0;
    overflow:hidden;
    border-radius:0 0 30px 30px;
    background:
      radial-gradient(circle at 83% 13%,rgba(255,213,111,.25),transparent 20%),
      radial-gradient(circle at 92% 68%,rgba(217,83,221,.21),transparent 31%),
      radial-gradient(circle at -10% 82%,rgba(139,38,171,.32),transparent 38%),
      linear-gradient(138deg,#180021 0%,#340047 37%,#630c75 72%,#8d299c 100%);
    box-shadow:0 22px 60px rgba(42,0,57,.16);
  }
  .home-2026 .hero:before{
    opacity:.66;
    background-size:32px 32px;
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 68%,transparent 100%);
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 68%,transparent 100%);
  }
  .home-2026 .hero:after{
    width:300px;
    height:300px;
    right:-180px;
    bottom:12%;
    box-shadow:0 0 0 40px rgba(255,255,255,.018),0 0 0 80px rgba(255,255,255,.012);
  }
  .home-2026 .hero__grid{
    min-height:0;
    gap:25px;
    padding:38px 0 42px;
  }
  .home-2026 .hero__content{
    position:relative;
    z-index:2;
  }
  .home-2026 .hero__content:after{
    content:"";
    position:absolute;
    width:82px;
    height:82px;
    right:-45px;
    top:29%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,210,98,.20),rgba(255,210,98,0) 70%);
    filter:blur(2px);
    pointer-events:none;
  }
  .home-2026 .hero__content .eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin-bottom:5px;
    padding:7px 11px;
    border:1px solid rgba(255,221,143,.20);
    border-radius:999px;
    background:rgba(255,255,255,.065);
    color:#ffe2a1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  }
  .home-2026 .hero__content .eyebrow:before{
    content:"";
    width:6px;
    height:6px;
    margin-right:7px;
    border-radius:50%;
    background:#ffd568;
    box-shadow:0 0 0 4px rgba(255,213,104,.10),0 0 16px rgba(255,213,104,.45);
  }
  .home-2026 .hero h1{
    max-width:12ch;
    margin:12px 0 17px;
    font-size:clamp(2.72rem,12.7vw,4rem);
    line-height:.94;
    letter-spacing:-.067em;
    text-shadow:0 18px 48px rgba(11,0,17,.24);
  }
  .home-2026 .hero__lead{
    max-width:34rem;
    margin-bottom:18px;
    color:rgba(255,255,255,.79);
    font-size:.91rem;
    line-height:1.56;
  }
  .home-2026 .hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:18px;
  }
  .home-2026 .hero__actions .btn{
    width:100%;
    min-height:48px;
    justify-content:center;
    border-radius:15px;
    font-size:.84rem;
    letter-spacing:-.01em;
  }
  .home-2026 .hero__actions .btn--gold{
    border-color:rgba(255,222,140,.5);
    background:linear-gradient(135deg,#f0a60f,#ffd56f 80%);
    box-shadow:0 13px 30px rgba(239,168,20,.23),inset 0 1px 0 rgba(255,255,255,.65);
  }
  .home-2026 .hero__actions .btn--ghost{
    min-height:43px;
    border-color:rgba(255,255,255,.12);
    background:rgba(255,255,255,.055);
    color:rgba(255,255,255,.88);
    box-shadow:none;
    backdrop-filter:blur(10px);
  }
  .home-2026 .hero__meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    margin-top:14px;
  }
  .home-2026 .hero__meta span{
    display:flex;
    align-items:center;
    min-height:43px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.095);
    border-radius:13px;
    background:rgba(255,255,255,.045);
    color:rgba(255,255,255,.76);
    font-size:.67rem;
    line-height:1.3;
  }

  /* Adviser presented as an embedded product surface */
  .home-2026 .hero__visual--advisor{
    position:relative;
    min-height:0;
    margin-top:1px;
  }
  .home-2026 .hero__visual--advisor:before{
    content:"";
    position:absolute;
    inset:13% -7% -8% 12%;
    border-radius:32px;
    background:linear-gradient(145deg,rgba(255,213,104,.13),rgba(196,57,205,.14));
    filter:blur(28px);
    pointer-events:none;
  }
  .home-2026 .logos-advisor{
    position:relative;
    z-index:1;
    width:100%;
    min-height:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.46);
    border-radius:23px;
    background:#fff;
    box-shadow:0 25px 65px rgba(12,0,20,.31),0 0 0 1px rgba(255,255,255,.08);
    transform:none;
  }
  .home-2026 .logos-advisor:before{
    content:"";
    position:absolute;
    z-index:4;
    top:14px;
    right:15px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#7be39d;
    box-shadow:0 0 0 4px rgba(123,227,157,.13),0 0 18px rgba(123,227,157,.48);
    pointer-events:none;
  }
  .home-2026 .logos-advisor__header{
    padding:16px 18px 14px;
    border-radius:22px 22px 0 0;
    background:
      radial-gradient(circle at 95% 10%,rgba(255,210,98,.13),transparent 25%),
      linear-gradient(125deg,#240032,#500666 62%,#7f208f);
  }
  .home-2026 .logos-advisor__title{
    max-width:80%;
    font-size:1.04rem;
    letter-spacing:-.025em;
  }
  .home-2026 .logos-advisor__body{padding:16px 17px 18px}
  .home-2026 .logos-advisor__question{
    margin-bottom:5px;
    font-size:1.16rem;
    line-height:1.1;
    letter-spacing:-.035em;
  }
  .home-2026 .logos-advisor__intro{
    max-width:33rem;
    color:#786b7d;
    font-size:.73rem;
    line-height:1.45;
  }
  .home-2026 .logos-advisor__options{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:12px;
  }
  .home-2026 .logos-advisor__option{
    position:relative;
    min-height:65px;
    padding:10px 10px 9px;
    overflow:hidden;
    border:1px solid rgba(78,17,91,.09);
    border-radius:13px;
    background:linear-gradient(145deg,#fff,#faf7fb);
    box-shadow:0 6px 20px rgba(46,0,62,.035);
  }
  .home-2026 .logos-advisor__option:after{
    content:"→";
    position:absolute;
    right:8px;
    bottom:6px;
    color:#8f409a;
    font-size:.72rem;
    opacity:.55;
  }
  .home-2026 .logos-advisor__option strong{padding-right:12px;font-size:.78rem;line-height:1.2}
  .home-2026 .logos-advisor__option span{padding-right:11px;color:#85788a;font-size:.62rem;line-height:1.28}

  /* First content screen feels editorial and obviously swipeable */
  .home-2026 #dla-kogo{
    padding-top:66px;
    background:
      radial-gradient(circle at 100% 5%,rgba(114,20,135,.065),transparent 29%),
      #f8f5f9;
  }
  .home-2026 #dla-kogo .section-heading{
    position:relative;
    margin-bottom:24px;
    text-align:left;
  }
  .home-2026 #dla-kogo .section-heading p:not(.eyebrow){
    margin-inline:0;
    font-size:.88rem;
    line-height:1.56;
  }
  .home-2026 #dla-kogo .section-heading:after{
    content:"PRZESUŃ KARTY  →";
    display:inline-flex;
    margin-top:12px;
    padding:5px 9px;
    border:1px solid rgba(100,20,118,.10);
    border-radius:999px;
    background:#fff;
    color:#78178a;
    box-shadow:0 5px 18px rgba(48,0,64,.04);
    font-size:.58rem;
    font-weight:900;
    letter-spacing:.12em;
  }
  .home-2026 #dla-kogo .audience-grid{
    padding-bottom:17px;
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
  }
  .home-2026 #dla-kogo .audience-card,
  .home-2026 #dla-kogo .audience-card:nth-child(n){
    flex-basis:min(76vw,296px);
    min-height:218px!important;
    padding:19px;
    border-radius:20px;
    border-color:rgba(85,17,99,.10);
    box-shadow:0 13px 34px rgba(45,0,61,.055);
  }
  .home-2026 #dla-kogo .audience-card:first-child{
    background:linear-gradient(145deg,#fffdf8,#fff);
  }
  .home-2026 #dla-kogo .audience-card:nth-child(3){
    background:
      radial-gradient(circle at 95% 5%,rgba(255,211,102,.19),transparent 27%),
      linear-gradient(145deg,#350049,#701383 74%,#8c2999);
    box-shadow:0 18px 42px rgba(69,8,86,.18);
  }
  .home-2026 #dla-kogo .audience-card h3{font-size:1.12rem!important;letter-spacing:-.025em}
  .home-2026 #dla-kogo .audience-card p{font-size:.78rem;line-height:1.5}
}

@media (max-width:390px){
  .home-2026 .topbar__inner a:nth-child(2){display:none}
  .home-2026 .hero h1{font-size:clamp(2.55rem,12vw,3.4rem)}
  .home-2026 .hero__meta span{padding:7px 8px;font-size:.62rem}
  .home-2026 .logos-advisor__option{min-height:62px;padding:9px}
}

@media (max-width:760px) and (prefers-reduced-motion:no-preference){
  .home-2026 .hero__content .eyebrow:before{animation:logosPulse 2.8s ease-in-out infinite}
  .home-2026 .logos-advisor:before{animation:logosPulseGreen 2.4s ease-in-out infinite}
  .home-2026 .logos-advisor{animation:logosAdvisorFloat 6s ease-in-out infinite}
}

@keyframes logosPulse{
  0%,100%{box-shadow:0 0 0 4px rgba(255,213,104,.10),0 0 12px rgba(255,213,104,.30)}
  50%{box-shadow:0 0 0 7px rgba(255,213,104,.05),0 0 22px rgba(255,213,104,.48)}
}
@keyframes logosPulseGreen{
  0%,100%{box-shadow:0 0 0 4px rgba(123,227,157,.13),0 0 12px rgba(123,227,157,.28)}
  50%{box-shadow:0 0 0 7px rgba(123,227,157,.05),0 0 20px rgba(123,227,157,.45)}
}
@keyframes logosAdvisorFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

/* Homepage already has an interactive adviser in the hero. Keep chat available,
   but do not let the proactive invitation cover the primary product surface. */
.home-2026 .logos-chat__invite{display:none!important}

/* Desktop first-screen calibration: keep the premium scale while making the
   primary CTAs visible without requiring an initial scroll on common laptop screens. */
@media (min-width:761px){
  .home-2026 .hero{min-height:650px}
  .home-2026 .hero__grid{
    min-height:650px;
    grid-template-columns:minmax(0,.94fr) minmax(450px,1.06fr);
    gap:60px;
    padding:62px 0 70px;
  }
  .home-2026 .hero__content{max-width:640px}
  .home-2026 .hero h1{
    max-width:700px;
    margin:16px 0 22px;
    font-size:clamp(3.15rem,5vw,5.6rem);
    line-height:.95;
    letter-spacing:-.061em;
  }
  .home-2026 .hero__lead{
    max-width:610px;
    font-size:1.04rem;
    line-height:1.66;
  }
  .home-2026 .hero__actions{margin-top:27px}
  .home-2026 .hero__actions .btn{min-height:51px}
  .home-2026 .hero__visual--advisor{min-height:500px}
  .home-2026 .logos-advisor{
    width:min(100%,590px);
    min-height:500px;
  }
  .home-2026 .logos-advisor__header{padding:24px 26px 20px}
  .home-2026 .logos-advisor__body{padding:24px 26px 27px}
}

@media (min-width:761px) and (max-height:820px){
  .home-2026 .hero{min-height:600px}
  .home-2026 .hero__grid{min-height:600px;padding:48px 0 54px}
  .home-2026 .hero h1{font-size:clamp(3rem,4.7vw,5.15rem)}
  .home-2026 .hero__lead{font-size:1rem;line-height:1.58}
  .home-2026 .hero__actions{margin-top:22px}
  .home-2026 .hero__meta{margin-top:19px}
  .home-2026 .hero__visual--advisor{min-height:470px}
  .home-2026 .logos-advisor{min-height:470px}
}