/* Color and physical card grouping follow the supplied Mini App references. */
:root{--card-blue:#0877c9;--card-yellow:#ffc252;--card-lime:#c3fa70;--card-mint:#b7eee2}
.feature-grid{gap:20px;grid-template-columns:1.18fr 1fr 1fr;padding-top:10px}
.feature{border:0;border-radius:30px;min-height:450px;padding:38px 30px 28px;overflow:visible;isolation:isolate;box-shadow:inset 0 1px 1px #ffffffa0,inset 0 -4px 8px #224d2110,0 12px 28px #253e2408}
.feature h3{font-size:29px;font-weight:600;letter-spacing:-.035em;line-height:1.1;max-width:240px}
.feature p{font-size:16px;line-height:1.65;max-width:220px;margin:16px 0;color:#3c3a24}
.feature img{pointer-events:none;filter:drop-shadow(0 12px 12px #27452718)}
.f-telegram{background:var(--card-blue);color:white;overflow:visible}
.f-telegram p{color:white;max-width:225px}
.f-telegram .text-link{color:white;margin:17px 0 0;position:relative;z-index:3}
.f-telegram img{width:235px;height:auto;right:-2px;bottom:15px;transform:rotate(-7deg)}
.f-terms{background:var(--card-yellow)}.f-friends{background:var(--card-lime)}
.f-terms img{width:205px;height:auto;right:6px;bottom:40px}
.f-friends img{width:240px;height:auto;right:-15px;bottom:44px}
.f-terms .text-link,.f-friends .text-link{left:30px;right:24px;bottom:15px;max-width:none;justify-content:space-between;gap:10px;color:#263120;font-size:16px;font-weight:500;line-height:1.4;z-index:3;min-height:40px}
.card-sticker{position:absolute;z-index:4;top:-10px;left:24px;padding:9px 13px;border-radius:11px;background:#fff;color:#263936;font-size:16px;line-height:1.2;font-weight:600;box-shadow:0 5px 10px #18322815;transform:rotate(-5deg)}
.f-telegram .card-sticker{left:auto;right:23px;transform:rotate(5deg)}
.feature .text-link span{font-size:18px}
.brand-ribbons{position:relative;height:170px;overflow:hidden;margin:5px 0 45px;isolation:isolate;display:flex;align-items:center}
.ribbon{position:absolute;left:-3%;width:106%;display:flex;align-items:center;justify-content:center;gap:55px;min-height:48px;padding:12px 0;font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.025em;white-space:nowrap}
.ribbon-mint{background:var(--card-mint);color:#162d26;transform:rotate(-3deg);top:38px}
.ribbon-blue{background:var(--card-blue);color:white;transform:rotate(3deg);top:82px;z-index:1}
.steps{gap:18px;margin-top:36px}.steps li{border:0;padding:26px;border-radius:24px;background:#e8f3ff;min-height:250px;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 6px #1c3b1810}
.steps li:nth-child(2){background:#fff0d0}.steps li:nth-child(3){background:#eaf7d7}.steps li>span{background:#fff;box-shadow:0 4px 10px #1834260a;margin-bottom:25px}.steps h3{font-weight:600;font-size:19px}.steps p{color:#425343;line-height:1.7;font-size:16px;margin-bottom:0}
.testing{background:#f4f4f4;border-radius:18px;padding:18px 20px}
.installation{background:#f2f5f1}.guide{box-shadow:0 15px 35px #253d2608}.guide-sidebar{background:#e1efe3;border-radius:20px;padding:20px 16px}.guide-sidebar #platform-nav{padding-left:0;border-left:0}.guide-sidebar #platform-nav a[aria-current=page]{background:var(--card-lime)}
.faq{background:#f5f5f5;border-radius:30px;margin-block:80px;padding:45px 40px;gap:45px}.faq details{background:#fff;border:0;border-radius:18px;margin-bottom:10px;padding:0 22px;box-shadow:0 6px 16px #29372a04}.faq details:last-child{margin-bottom:0}.faq details p{padding-bottom:22px;margin-bottom:0}.faq summary{font-size:16px}.faq h2{font-size:42px}.final-cta{background:var(--card-lime);box-shadow:inset 0 1px 0 #fff9,inset 0 -4px 10px #557e1b15}.diagnostics{background:#bfe9f5;box-shadow:inset 0 1px 0 #ffffffa0,inset 0 -4px 8px #37677a10}
@media(max-width:1100px) and (min-width:761px){.feature-grid{gap:16px}.feature{padding:34px 23px 25px;min-height:420px}.feature h3{font-size:25px}.feature p{font-size:16px;max-width:190px}.f-telegram img{width:205px}.f-terms img{width:190px}.f-friends img{width:205px;right:0}.f-terms .text-link,.f-friends .text-link{left:23px}.faq{padding:35px 30px;gap:30px}.faq h2{font-size:36px}}
@media(max-width:760px){
 .feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px;padding-top:8px}
 .feature{min-width:0;border-radius:25px;padding:16px;min-height:355px;display:flex;flex-direction:column;overflow:visible}
 .feature h3{font-size:21px;line-height:1.12;letter-spacing:-.035em;max-width:none;margin:0 0 8px}
 .feature p{font-size:16px;line-height:1.55;max-width:none;margin:0 0 8px;color:#353b23}
 .card-sticker{left:10px;top:-8px;font-size:16px;padding:7px 9px;border-radius:8px}
 .feature img{position:relative;inset:auto;object-fit:contain;order:-1;max-width:100%;align-self:center;transform:none;opacity:1}
 .f-terms img{height:132px;width:145px;margin:3px 0 12px}.f-friends img{height:132px;width:155px;margin:3px 0 12px}
 .f-terms .text-link,.f-friends .text-link{position:static;inset:auto;margin-top:auto;max-width:none;min-height:38px;font-size:16px;gap:5px;padding-top:10px;align-items:center}
 .f-telegram{grid-column:1/-1;min-height:230px;padding:27px 22px;display:block;overflow:visible}
 .f-telegram .feature-text{width:55%;min-height:175px;display:flex;flex-direction:column;align-items:start}
 .f-telegram h3{font-size:26px;max-width:195px;margin-bottom:12px}
 .f-telegram p{font-size:16px;color:#fff;max-width:175px;line-height:1.6}
 .f-telegram .text-link{font-size:16px;gap:12px;margin-top:auto;min-height:40px}
 .f-telegram img{position:absolute;width:180px;height:180px;max-width:49%;right:1px;bottom:10px;margin:0;transform:rotate(-7deg)}
 .f-telegram .card-sticker{right:18px;left:auto;top:-8px;font-size:16px}
 .brand-ribbons{height:132px;margin:5px 0 35px}.ribbon{font-size:16px;gap:35px;min-height:35px;padding:9px 0}.ribbon-mint{top:30px;transform:rotate(-4deg)}.ribbon-blue{top:66px;transform:rotate(4deg)}.ribbon span:nth-child(2){display:none}
 .steps{gap:12px}.steps li{min-height:0;padding:24px 20px 24px 76px;border-radius:22px}.steps li>span{left:20px;top:24px;margin:0}.steps h3{font-size:17px;margin-top:0}.steps p{font-size:16px}.guide-sidebar{background:transparent;padding:0;border-radius:0}.guide-sidebar #platform-nav{padding-bottom:10px}.faq{padding:28px 18px;margin-block:60px;gap:24px;border-radius:26px}.faq h2{font-size:34px}.faq details{padding:0 16px;border-radius:16px}.faq summary{font-size:16px;gap:12px}.faq details p{font-size:16px;margin-right:0}.diagnostics{border-radius:25px}.final-cta{border-radius:25px}
}
@media(max-width:359px){.feature{padding:14px;min-height:375px}.feature h3{font-size:19px}.feature p{font-size:16px}.f-terms img,.f-friends img{height:117px;width:130px;margin-bottom:12px}.f-telegram{padding:25px 18px;min-height:235px}.f-telegram h3{font-size:23px}.f-telegram img{right:0;width:145px;height:165px;max-width:49%;opacity:1}.f-telegram p{font-size:16px}.f-telegram .text-link{font-size:16px}.ribbon{font-size:16px;letter-spacing:-.03em}.faq{padding:25px 14px}.faq h2{font-size:32px}}