*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7fb;color:#171923;font-family:"DM Sans",Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.nav{height:76px;padding:0 clamp(20px,6vw,85px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:rgba(247,247,251,.86);backdrop-filter:blur(18px);border-bottom:1px solid #e8e7ed}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px}.brand img{width:39px;height:39px;object-fit:contain}.nav nav{display:flex;gap:30px;color:#686b76;font-size:13px;font-weight:700}.nav nav a:hover{color:#f26f69}.nav-btn,.primary{background:linear-gradient(135deg,#ff896a,#f26571);color:white;border-radius:999px;font-weight:800;box-shadow:0 12px 30px rgba(245,104,105,.22)}.nav-btn{padding:11px 18px;font-size:12px}.hero{min-height:700px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px clamp(22px,7vw,110px);overflow:hidden;background:linear-gradient(135deg,#fff9f6,#fff3ed 55%,#f5efff);position:relative}.hero-copy{position:relative;z-index:2;max-width:650px}.eyebrow,.label,.kicker,.tag{font-size:10px;letter-spacing:.17em;font-weight:800}.eyebrow{display:inline-flex;gap:9px;align-items:center;border:1px solid #f2dfdb;background:white;border-radius:999px;padding:9px 13px;color:#e66d68}.eyebrow i{width:7px;height:7px;background:#ff796b;border-radius:50%}.hero h1{font:800 clamp(53px,6.2vw,85px) Manrope;letter-spacing:-.06em;line-height:1.01;margin:28px 0 18px}.hero h1 span,.intro h2 span,.timer-section h2 span,.meditation h2 span,.center h2 span,.support-box h2 span{color:#f06f69}.hero-copy>p{max-width:610px;color:#6f727e;font-size:18px}.actions{display:flex;gap:12px;margin-top:28px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px}.secondary{border:1px solid #dedee6;background:#fff;border-radius:999px;padding:14px 20px;font-weight:800;color:#575a66}.mini-trust{display:flex;gap:20px;margin-top:22px;color:#7c7e88;font-size:11px}.hero-art{height:560px;position:relative;display:flex;align-items:center;justify-content:center}.blob{position:absolute;border-radius:50%;filter:blur(1px)}.blob1{width:420px;height:420px;background:radial-gradient(circle,#ffd3bc,transparent 68%)}.blob2{width:260px;height:260px;right:2%;bottom:5%;background:rgba(177,93,255,.13)}.hero-logo{position:absolute;width:145px;z-index:4;top:20px;left:16%}.hero-line{position:absolute;z-index:4;bottom:22px;left:4%;font:800 23px Manrope;letter-spacing:-.04em}.hero-line em{font-style:normal;color:#9c4ff0}.hero-phones{position:relative;width:480px;height:520px}.hero-phones img{position:absolute;object-fit:cover;border:7px solid #171820;border-radius:34px;box-shadow:0 30px 65px rgba(35,29,50,.24);background:#111}.hero-phones .back{width:220px;height:455px;left:15px;top:55px;transform:rotate(-9deg);opacity:.88}.hero-phones .front{width:245px;height:500px;left:125px;top:15px;transform:rotate(-2deg);z-index:3}.hero-phones .right{width:205px;height:425px;right:0;top:75px;transform:rotate(8deg);opacity:.92}.banner{padding:0 clamp(18px,5vw,75px) 30px;background:linear-gradient(180deg,#fff3ed,#f7f7fb)}.banner img{display:block;width:100%;max-width:1400px;margin:auto;border:6px solid white;border-radius:28px;box-shadow:0 25px 70px rgba(40,30,50,.12)}.section{padding:100px clamp(22px,7vw,110px)}.intro{text-align:center;max-width:900px;margin:auto}.label{color:#e66d68}.intro h2,.timer-section h2,.meditation h2,.center h2,.support-box h2{font:800 clamp(40px,5vw,64px) Manrope;letter-spacing:-.055em;line-height:1.03;margin:12px 0 17px}.intro>p,.center>p{max-width:720px;margin:auto;color:#777985;font-size:17px}.feature-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;max-width:1400px;margin:auto}.card{background:#fff;border:1px solid #e7e6ed;border-radius:28px;padding:30px;min-height:280px;box-shadow:0 18px 55px rgba(40,35,55,.045)}.card.large{grid-row:span 2;min-height:580px;background:linear-gradient(145deg,#fff8f4,#fff)}.card.dark{background:#1a1c25;color:#fff}.card.dark p{color:#b8bbc5}.icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:22px;margin-bottom:22px}.orange{background:#fff0e9;color:#f37467}.purple{background:#f0eaff;color:#9557ed}.pink{background:#ffe9f0;color:#ec5d90}.darkicon{background:#2c2f39;color:#ff8773}.kicker{color:#888b95}.card h3{font:800 27px Manrope;letter-spacing:-.04em;line-height:1.1;margin:10px 0}.card p{color:#747782}.timer-preview{margin-top:38px;padding:25px;background:#faf9fb;border-radius:22px;display:flex;align-items:center;gap:22px}.timer-preview>div:last-child{display:flex;flex-direction:column}.timer-preview strong{font-size:15px}.timer-preview span{font-size:12px;color:#8a8c96}.ring{width:160px;height:160px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#ff776c 0 74%,#e8e8ee 74%)}.ring:after{content:"";position:absolute;width:132px;height:132px;background:white;border-radius:50%}.ring b,.ring small{position:absolute;z-index:2}.ring b{font:800 36px Manrope}.ring small{margin-top:55px;font-size:8px;color:#8b8d96;font-weight:800}.timer-section{background:#fff}.center{text-align:center;max-width:800px;margin:auto}.timer-grid{max-width:1180px;margin:55px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.timer-card{border:1px solid #e5e4eb;border-radius:30px;padding:36px;display:grid;gap:28px;align-items:center;box-shadow:0 18px 55px rgba(40,35,55,.06)}.timer-card.study{grid-template-columns:1fr .72fr;background:linear-gradient(145deg,#fff7f2,#fff)}.timer-card.meditation-mode{grid-template-columns:.72fr 1fr;background:linear-gradient(145deg,#f8f2ff,#fff)}.timer-card img{width:100%;max-height:520px;object-fit:cover;border-radius:24px;border:5px solid white;box-shadow:0 20px 45px rgba(30,25,45,.12)}.timer-text .tag{color:#ed7069}.timer-text h3{font:800 31px Manrope;line-height:1.08;letter-spacing:-.04em;margin:9px 0 15px}.timer-text p{color:#737680;font-size:15px}.timer-text ul{padding:0;margin:20px 0 0;list-style:none}.timer-text li{margin:10px 0;font-size:13px;font-weight:700}.timer-text li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border-radius:50%;background:#fff0eb;color:#f36f68}.blocking{background:#1a1c25;color:#fff}.split-heading{max-width:1180px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:60px}.split-heading h2{font:800 clamp(38px,5vw,62px) Manrope;letter-spacing:-.05em;line-height:1.04;margin:10px 0}.split-heading h2 span{color:#f2776d}.split-heading>p{max-width:430px;color:#aaadb7}.lightlabel{color:#ff8a78}.modes{max-width:1180px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.modes article{background:#22252f;border:1px solid #353843;border-radius:25px;padding:28px;min-height:290px}.modes article.active{background:linear-gradient(145deg,#322d3f,#242631);border-color:#4c4658}.modes article>b{font:800 12px Manrope;color:#ff8373}.modes h3{font:800 27px Manrope;margin:48px 0 10px}.modes p{color:#adb0b9}.modes article>span{display:inline-block;border:1px solid #414450;border-radius:999px;padding:8px 12px;font-size:11px;color:#c6c8cf;margin-top:8px}.meditation{display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:center;max-width:1200px;margin:auto}.med-art{text-align:center;position:relative}.med-art>div{position:absolute;width:420px;height:420px;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#ffd6c4,#eedaff);border-radius:50%;z-index:-1}.med-art img{width:min(100%,330px);border:7px solid white;border-radius:36px;box-shadow:0 35px 70px rgba(72,46,80,.2)}.meditation p{color:#70727d;font-size:17px}.checks{display:grid;gap:12px;margin-top:25px;font-size:14px;font-weight:700}.checks span:before{content:"✓";display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff0eb;color:#f36f68;margin-right:10px}.screens{background:#f0f0f6}.screen-grid{max-width:1120px;margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:start}.screen-grid figure{margin:0}.screen-grid img,.screen-grid video{display:block;width:100%;border:6px solid white;border-radius:27px;box-shadow:0 25px 60px rgba(30,28,45,.13);background:#111}.screen-grid figcaption{padding:16px 6px;display:flex;flex-direction:column;gap:3px}.screen-grid figcaption b{font:800 18px Manrope}.screen-grid figcaption span{font-size:13px;color:#777984}.quote{text-align:center;padding:120px 20px;background:linear-gradient(135deg,#fff2ed,#f6efff)}.quote>b{font:800 95px Georgia;color:#f5796c;display:block;height:65px}.quote h2{font:800 clamp(36px,5vw,62px) Manrope;line-height:1.04;letter-spacing:-.05em}.quote h2 span{color:#9b54e9}.quote p{color:#777985}.support{max-width:1200px;margin:auto}.support-box{padding:55px 60px;border:1px solid #f0e1dd;background:linear-gradient(135deg,#fff,#fff5f0);border-radius:32px;display:flex;justify-content:space-between;align-items:center;gap:30px}.support-box p{color:#777985;max-width:550px}.foot-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}.foot-brand{display:flex;gap:11px;align-items:center}.foot-brand img{width:45px}.foot-brand div{display:flex;flex-direction:column}.foot-brand span{font-size:12px;color:#999ca8}.links{display:flex;flex-wrap:wrap;gap:22px;color:#b7bac4;font-size:12px}.links a:hover{color:#fff}.foot-bottom{border-top:1px solid #2e303b;padding-top:18px;color:#777a86;font-size:11px;display:flex;justify-content:space-between}footer{background:#171922;color:white;padding:45px clamp(22px,7vw,110px) 25px}@media(max-width:950px){.hero{grid-template-columns:1fr}.hero-art{margin-top:35px}.feature-grid{grid-template-columns:1fr 1fr}.card.large{grid-column:span 2;grid-row:auto}.timer-grid{grid-template-columns:1fr}.timer-card.study,.timer-card.meditation-mode{grid-template-columns:1fr}.modes{grid-template-columns:1fr}.split-heading{display:block}.split-heading>p{margin-top:25px}.meditation{grid-template-columns:1fr;gap:55px}.screen-grid{grid-template-columns:1fr 1fr}.nav nav{display:none}}@media(max-width:600px){.nav{height:68px}.nav-btn{padding:10px 13px}.hero{padding:55px 20px 60px}.hero h1{font-size:50px}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.actions a{justify-content:center}.mini-trust{flex-direction:column;gap:6px}.hero-art{height:470px;transform:scale(.86);margin-left:-25px;margin-right:-25px}.hero-logo{left:7%}.hero-line{font-size:18px;left:0}.banner img{border-width:4px;border-radius:18px}.section{padding:75px 20px}.feature-grid{grid-template-columns:1fr}.card.large{grid-column:auto;min-height:auto}.timer-preview{flex-direction:column}.timer-card{padding:25px}.timer-text h3{font-size:27px}.med-art>div{width:320px;height:320px}.screen-grid{grid-template-columns:1fr}.support-box{padding:38px 28px;display:block}.support-box .primary{margin-top:20px}.foot-top{flex-direction:column}.foot-bottom{flex-direction:column;gap:8px}}

/* V3 additions: supplied intro video + real-app gallery */
.video-intro{background:linear-gradient(135deg,#fff7f3,#fff,#f8f1ff)}
.video-intro-wrap{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#101116;border:7px solid white;border-radius:30px;box-shadow:0 30px 75px rgba(35,28,50,.18)}
.video-copy>p{color:#737680;font-size:17px;max-width:600px}
.video-points{display:grid;gap:14px;margin:28px 0}
.video-points>div{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.video-points b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff0eb;color:#ef7068;font-size:10px}
.video-points span{font-size:13px;color:#777984}
.video-points strong{color:#23242c}
.real-screens{background:#fff}
.real-screen-grid{max-width:1180px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.real-screen-grid figure{margin:0}
.real-screen-grid img{display:block;width:100%;height:620px;object-fit:cover;object-position:top;border:6px solid white;border-radius:28px;box-shadow:0 22px 55px rgba(30,28,45,.12);background:#f2f3f6}
.real-screen-grid figcaption{padding:14px 5px;display:flex;flex-direction:column;gap:3px}
.real-screen-grid figcaption b{font:800 17px Manrope}
.real-screen-grid figcaption span{font-size:12px;color:#777984}
@media(max-width:1000px){.video-intro-wrap{grid-template-columns:1fr;gap:40px}.real-screen-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.real-screen-grid{grid-template-columns:1fr}.real-screen-grid img{height:auto}.video-frame video{border-width:4px;border-radius:22px}}

/* V4 refinements */
.hero-logo{display:none}
.video-frame{aspect-ratio:16/9;width:100%;overflow:hidden}
.video-frame video{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.real-screen-grid.six{grid-template-columns:repeat(3,1fr)}
.real-screen-grid.six img{height:auto;max-height:none;object-fit:contain;background:#f1f2f5}
.blocked-apps{max-width:1180px;margin:55px auto 0;padding:32px 36px;border:1px solid #383b46;border-radius:30px;background:linear-gradient(135deg,#22252f,#1d2029);display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center}
.blocked-copy h3{font:800 34px Manrope;letter-spacing:-.045em;line-height:1.05;margin:8px 0 12px}
.blocked-copy h3 span{color:#ff8275}
.blocked-copy p{color:#b1b4bd;max-width:500px}
.app-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.app-chip{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #3a3d47;border-radius:18px;background:#292c36}
.app-chip span{font-size:13px;font-weight:700;flex:1}
.app-chip>b{font-size:8px;letter-spacing:.08em;color:#ff8b7c;background:#3b2e32;padding:6px 8px;border-radius:999px}
.app-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800;font-size:14px}
.instagram{background:linear-gradient(135deg,#ff8b6a,#c74cf1)}
.video{background:#f14d54}
.shorts{background:#8e58e9}
.chat{background:#4e9cf5}
@media(max-width:1000px){.real-screen-grid.six{grid-template-columns:repeat(2,1fr)}.blocked-apps{grid-template-columns:1fr}}
@media(max-width:600px){.real-screen-grid.six{grid-template-columns:1fr}.blocked-apps{padding:25px 20px}.app-stack{grid-template-columns:1fr}.blocked-copy h3{font-size:28px}}

/* V5 — requested final refinements */
.hero-message{
  margin-top:22px;
  font:800 clamp(22px,2.2vw,30px) Manrope;
  letter-spacing:-.035em;
  line-height:1.1;
  color:#20222c;
}
.hero-message em{font-style:normal;color:#9650ea}
.hero-line{display:none!important}
.hero-blocked-icons{
  position:absolute;
  right:-2px;
  top:18px;
  width:148px;
  height:500px;
  z-index:1;
  pointer-events:none;
  opacity:.98;
}
.hero-blocked-icons img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 14px 28px rgba(245,120,120,.10));
}
.hero-phones{z-index:3}
.hero-art .blob{z-index:0}
@media(max-width:950px){
  .hero-blocked-icons{right:0;top:8px;width:120px;height:430px;opacity:.82}
}
@media(max-width:600px){
  .hero-message{font-size:21px;margin-top:18px}
  .hero-blocked-icons{right:-8px;top:12px;width:105px;height:390px;opacity:.72}
}

/* V7 — place blocked-app icons in the gap between hero copy and phones */
.hero-blocked-icons{
  left:-6px;
  right:auto;
  top:18px;
  width:92px;
  height:520px;
  z-index:2;
  opacity:1;
  pointer-events:none;
}
.hero-blocked-icons img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(245,115,115,.10));
}
@media(max-width:950px){
  .hero-blocked-icons{
    left:-4px;
    top:10px;
    width:82px;
    height:450px;
    opacity:.95;
  }
}
@media(max-width:600px){
  .hero-blocked-icons{
    left:-8px;
    top:10px;
    width:70px;
    height:380px;
    opacity:.88;
  }
}

/* V8 — distributed blocked-app decoration */
.hero-blocked-decor{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
}
.hero-blocked-decor .blocked-icon{
  position:absolute;
  width:82px;
  height:82px;
  object-fit:contain;
  opacity:.92;
  filter:drop-shadow(0 10px 22px rgba(245,115,115,.12));
}
/* Mostly in the open pink/lavender background, away from the copy. */
.hero-blocked-decor .bi-instagram{right:8%;top:-16px}
.hero-blocked-decor .bi-youtube{right:1%;top:24%;width:72px;height:72px}
.hero-blocked-decor .bi-tiktok{right:5%;top:48%;width:76px;height:76px}
.hero-blocked-decor .bi-facebook{right:-28px;top:70%;width:92px;height:92px}
.hero-blocked-decor .bi-twitter{right:17%;bottom:-28px;width:78px;height:78px}

/* Keep icons behind the phone mockups so the phones remain the focal point. */
.hero-phones{z-index:3}

@media(max-width:950px){
  .hero-blocked-decor .bi-instagram{right:7%;top:-10px;width:68px;height:68px}
  .hero-blocked-decor .bi-youtube{right:0;top:27%;width:62px;height:62px}
  .hero-blocked-decor .bi-tiktok{right:3%;top:51%;width:64px;height:64px}
  .hero-blocked-decor .bi-facebook{right:-22px;top:72%;width:76px;height:76px}
  .hero-blocked-decor .bi-twitter{right:13%;bottom:-24px;width:66px;height:66px}
}
@media(max-width:600px){
  .hero-blocked-decor .blocked-icon{opacity:.75}
  .hero-blocked-decor .bi-instagram{right:2%;top:-8px;width:54px;height:54px}
  .hero-blocked-decor .bi-youtube{right:-10px;top:30%;width:50px;height:50px}
  .hero-blocked-decor .bi-tiktok{right:1%;top:52%;width:52px;height:52px}
  .hero-blocked-decor .bi-facebook{right:-18px;top:73%;width:62px;height:62px}
  .hero-blocked-decor .bi-twitter{right:8%;bottom:-18px;width:54px;height:54px}
}


/* V11 — two full-size, unique blocked-app icons in the open middle gap. */
.hero-blocked-decor .bi-middle-one,
.hero-blocked-decor .bi-middle-two{
  position:absolute;
  width:76px;
  height:76px;
  object-fit:contain;
  opacity:.90;
  z-index:2;
  filter:drop-shadow(0 12px 24px rgba(40,35,60,.12));
}

/* Fully inside the hero: no clipping, no half icons, and no duplicate apps. */
.hero-blocked-decor .bi-middle-one{
  left:51.5%;
  top:34%;
  transform:rotate(-7deg);
}
.hero-blocked-decor .bi-middle-two{
  left:57%;
  top:59%;
  width:70px;
  height:70px;
  transform:rotate(7deg);
}

/* Keep the phones clearly in front. */
.hero-phones{z-index:3}

@media(max-width:1100px){
  .hero-blocked-decor .bi-middle-one{
    left:51%;
    top:33%;
    width:66px;
    height:66px;
  }
  .hero-blocked-decor .bi-middle-two{
    left:57%;
    top:59%;
    width:62px;
    height:62px;
  }
}

@media(max-width:600px){
  .hero-blocked-decor .bi-middle-one,
  .hero-blocked-decor .bi-middle-two{
    display:none;
  }
}

/* V12 FINAL — unique middle app icons with a clear red blocked/prohibited badge. */
.hero-blocked-decor .middle-app{
  position:absolute;
  display:block;
  z-index:2;
  width:82px;
  height:82px;
  filter:drop-shadow(0 12px 22px rgba(40,35,60,.12));
}
.hero-blocked-decor .middle-app .blocked-icon{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:.96;
}

/* Two different apps in the middle — no duplication with the right-side icons. */
.hero-blocked-decor .middle-app-one{
  left:50.5%;
  top:32%;
  transform:rotate(-6deg);
}
.hero-blocked-decor .middle-app-two{
  left:57%;
  top:58%;
  width:76px;
  height:76px;
  transform:rotate(7deg);
}

/* Small polished red prohibition badge. */
.hero-blocked-decor .middle-app::before{
  content:"";
  position:absolute;
  right:-3px;
  bottom:0;
  width:23px;
  height:23px;
  border:3px solid #ff5f67;
  border-radius:50%;
  background:rgba(255,255,255,.96);
  box-sizing:border-box;
  z-index:5;
  box-shadow:0 3px 10px rgba(255,95,103,.18);
}
.hero-blocked-decor .middle-app::after{
  content:"";
  position:absolute;
  right:1px;
  bottom:7px;
  width:18px;
  height:3px;
  border-radius:999px;
  background:#ff5f67;
  transform:rotate(-45deg);
  transform-origin:center;
  z-index:6;
}

@media(max-width:1100px){
  .hero-blocked-decor .middle-app{
    width:70px;
    height:70px;
  }
  .hero-blocked-decor .middle-app-one{left:50%;top:32%}
  .hero-blocked-decor .middle-app-two{
    left:56%;
    top:58%;
    width:66px;
    height:66px;
  }
}
@media(max-width:600px){
  .hero-blocked-decor .middle-app{display:none}
}

/* V14 — middle icons positioned in the actual gap between copy and phones. */
.hero-blocked-decor{
  overflow:visible;
}
.hero-blocked-decor .middle-app{
  z-index:4;
  width:78px;
  height:78px;
  pointer-events:none;
}
.hero-blocked-decor .middle-app-one{
  left:-10%;
  top:28%;
  transform:rotate(-6deg);
}
.hero-blocked-decor .middle-app-two{
  left:-3%;
  top:59%;
  width:74px;
  height:74px;
  transform:rotate(6deg);
}
.hero-blocked-decor .middle-app::before{
  right:-2px;
  bottom:2px;
  width:22px;
  height:22px;
  border-width:3px;
}
.hero-blocked-decor .middle-app::after{
  right:1px;
  bottom:8px;
  width:17px;
  height:3px;
}
.hero-phones{z-index:5}

@media(max-width:1100px){
  .hero-blocked-decor .middle-app{
    width:68px;
    height:68px;
  }
  .hero-blocked-decor .middle-app-one{
    left:-8%;
    top:28%;
  }
  .hero-blocked-decor .middle-app-two{
    left:-2%;
    top:59%;
    width:64px;
    height:64px;
  }
}
@media(max-width:600px){
  .hero-blocked-decor .middle-app{display:none}
}