/* =========================================================
   Stella Apps overview
   /apps.html
   ========================================================= */

:root{
  --apps-navy:#102c60;
  --apps-blue:#176ce8;
  --apps-cyan:#0aa9b7;
  --apps-gold:#f1b83b;
  --apps-red:#e54855;
  --apps-text:#1b2b44;
  --apps-muted:#627087;
  --apps-line:rgba(16,44,96,.12);
  --apps-shadow:0 22px 55px rgba(16,44,96,.10);
}

.apps-page{background:#f7f9fc;color:var(--apps-text);}
.apps-main{padding-top:75px;overflow:hidden;}
.apps-wrap{width:min(100%,1080px);margin:0 auto;padding-left:22px;padding-right:22px;}
.apps-kicker{display:inline-block;margin-bottom:10px;color:var(--apps-blue);font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;}

.apps-hero{
  padding:74px 0 70px;
  background:
    radial-gradient(circle at 12% 35%,rgba(255,190,58,.20),transparent 30%),
    radial-gradient(circle at 88% 25%,rgba(48,121,255,.20),transparent 35%),
    linear-gradient(135deg,#fffdf9,#f7f9ff 56%,#f4f0ff);
}
.apps-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:62px;align-items:center;}
.apps-hero h1{margin:0;color:var(--apps-navy);font-size:clamp(58px,8vw,92px);line-height:.98;letter-spacing:-.04em;}
.apps-tagline{margin:18px 0 14px;color:#1473d5;font-size:clamp(24px,3vw,34px);font-weight:900;}
.apps-hero-copy>p:last-child{max-width:720px;color:#53647b;font-size:16px;line-height:2;}

.apps-hero-cards{position:relative;height:355px;}
.mini-app{
  position:absolute;
  width:220px;height:150px;
  display:flex;flex-direction:column;justify-content:center;
  padding:22px;border-radius:28px;
  color:#fff;box-shadow:0 28px 55px rgba(16,44,96,.18);
  border:1px solid rgba(255,255,255,.55);
}
.mini-app span{font-size:13px;opacity:.86;text-transform:uppercase;letter-spacing:.1em;}
.mini-app b{font-size:28px;line-height:1.05;}
.mini-calendar{top:10px;left:10px;transform:rotate(-7deg);background:linear-gradient(145deg,#175ada,#31a4ff);}
.mini-remind{top:105px;right:0;transform:rotate(7deg);background:linear-gradient(145deg,#ff6a78,#ff9b4e);}
.mini-network{bottom:0;left:42px;transform:rotate(-2deg);background:linear-gradient(145deg,#071725,#0d557c);}
.mini-network:after{content:"";position:absolute;right:20px;top:20px;width:12px;height:12px;border-radius:50%;background:#38e0c1;box-shadow:0 0 0 8px rgba(56,224,193,.12),0 0 20px #38e0c1;}

.apps-intro{padding:74px 0 32px;background:#fff;}
.apps-intro h2,.apps-philosophy h2,.apps-cta h2{margin:0 0 15px;color:var(--apps-navy);font-size:clamp(30px,4vw,45px);}
.apps-lead{max-width:760px;color:var(--apps-muted);font-size:16px;line-height:2;}

.apps-products{padding:30px 0 88px;background:#fff;}
.product-card{
  display:grid;grid-template-columns:.9fr 1.1fr;
  gap:46px;align-items:center;
  margin-top:34px;padding:34px;
  border:1px solid var(--apps-line);border-radius:30px;
  background:#fff;box-shadow:var(--apps-shadow);
}
.product-card:nth-child(even){grid-template-columns:1.1fr .9fr;}
.product-card:nth-child(even) .product-visual{order:2;}
.product-card:nth-child(even) .product-copy{order:1;}
.product-visual{overflow:hidden;border-radius:22px;background:#f1f5fb;box-shadow:0 14px 35px rgba(16,44,96,.09);}
.product-visual img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:top;}
.product-network .product-visual img{aspect-ratio:16/9;object-fit:cover;}
.product-type{display:inline-block;margin-bottom:11px;color:var(--apps-blue);font:800 12px/1 system-ui;letter-spacing:.12em;text-transform:uppercase;}
.product-copy h2{margin:0;color:var(--apps-navy);font-size:clamp(28px,3.5vw,42px);line-height:1.18;}
.product-catch{margin:12px 0 14px;color:#1575d3;font-size:20px;font-weight:900;}
.product-copy>p:not(.product-catch){color:var(--apps-muted);font-size:15px;line-height:1.95;}
.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:21px;}
.product-tags span{padding:7px 10px;border-radius:999px;background:#eef4fb;color:#40536d;font-size:12px;font-weight:700;}
.product-calendar .product-tags span{background:#eef5ff;color:#245b9e;}
.product-event .product-tags span{background:#fff1f4;color:#a83f59;}
.product-network .product-tags span{background:#eaf8f8;color:#167277;}
.product-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px;}
.product-actions a{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:900;font-size:14px;}
.product-detail{background:linear-gradient(135deg,var(--apps-navy),var(--apps-blue));color:#fff;}
.product-store{border:1px solid #c9d7e6;background:#fff;color:#233c5c;}

.apps-philosophy{padding:82px 0;background:linear-gradient(135deg,#f7fbff,#f8f6ff);}
.philosophy-grid{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center;}
.philosophy-grid p{color:var(--apps-muted);font-size:16px;line-height:2;}
.philosophy-points{display:grid;gap:12px;}
.philosophy-points>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border:1px solid var(--apps-line);border-radius:17px;background:#fff;box-shadow:0 10px 26px rgba(16,44,96,.06);}
.philosophy-points strong{color:var(--apps-blue);font-size:20px;}
.philosophy-points span{color:#6a778a;font-size:14px;}

.apps-cta{padding:55px 0 90px;background:#f7f9fc;}
.apps-cta-box{padding:52px;border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(25,198,229,.2),transparent 30%),linear-gradient(135deg,#0a2355,#0d4b9d);color:#fff;box-shadow:0 28px 65px rgba(16,44,96,.22);}
.apps-cta-box .apps-kicker{color:#f0c55b;}
.apps-cta-box h2{color:#fff;}
.apps-cta-box p{max-width:710px;margin-bottom:25px;color:rgba(255,255,255,.86);}
.apps-cta-button{display:inline-block;padding:14px 23px;border-radius:13px;background:linear-gradient(135deg,#ffd15a,#ffa434);color:#18263e;text-decoration:none;font-weight:900;}
.apps-powered{margin-top:22px;color:#f2c75b;font-weight:800;}
.apps-page footer{margin-top:0;}

@media(max-width:900px){
  .apps-hero-inner,.philosophy-grid{grid-template-columns:1fr;}
  .apps-hero-cards{height:310px;max-width:560px;margin:0 auto;width:100%;}
  .product-card,.product-card:nth-child(even){grid-template-columns:1fr;gap:28px;}
  .product-card:nth-child(even) .product-visual,.product-card:nth-child(even) .product-copy{order:initial;}
  .product-visual{max-width:650px;margin:0 auto;}
  .product-network .product-visual img{aspect-ratio:16/9;}
}
@media(max-width:700px){
  .apps-main{padding-top:75px;}
  .apps-wrap{padding-left:18px;padding-right:18px;}
  .apps-hero{padding-top:55px;}
  .apps-hero h1{font-size:60px;}
  .apps-tagline{font-size:25px;}
  .apps-hero-cards{height:280px;}
  .mini-app{width:190px;height:132px;padding:18px;border-radius:24px;}
  .mini-app b{font-size:24px;}
  .product-card{padding:20px;border-radius:22px;}
  .product-visual img{aspect-ratio:9/16;}
  .product-network .product-visual img{aspect-ratio:16/9;}
  .apps-cta-box{padding:34px 25px;}
}


/* Privacy policy */
.apps-privacy{
  padding:76px 0 18px;
  background:#f7f9fc;
}
.apps-privacy-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:34px 38px;
  border:1px solid var(--apps-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 38px rgba(16,44,96,.07);
}
.apps-privacy-box h2{
  margin:0 0 10px;
  color:var(--apps-navy);
  font-size:clamp(25px,3vw,34px);
}
.apps-privacy-box p{
  margin:0;
  color:var(--apps-muted);
  line-height:1.8;
}
.apps-privacy-button{
  flex:0 0 auto;
  display:inline-block;
  padding:13px 18px;
  border:1px solid #c9d7e6;
  border-radius:12px;
  background:#fff;
  color:var(--apps-navy);
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}
.apps-privacy-button:hover{
  border-color:var(--apps-blue);
  color:var(--apps-blue);
}
@media(max-width:700px){
  .apps-privacy{padding-top:52px;}
  .apps-privacy-box{
    display:block;
    padding:27px 23px;
  }
  .apps-privacy-button{
    margin-top:20px;
    width:100%;
    text-align:center;
  }
}