@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#f20d2e;--bg:#09090b;--panel:#151519;--line:#2c2c33;--muted:#aaaab5}*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f8f8fb;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:76px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:#09090bf5;border-bottom:1px solid #27272d;z-index:9}.logo{font-weight:900;font-size:23px;white-space:nowrap}.logo span,.screen small span{color:var(--red)}nav{display:flex;gap:20px}nav a{font-size:11px;font-weight:700;color:#ccc}nav a:hover{color:var(--red)}#menuBtn{display:none;background:none;border:0;color:white;font-size:24px}.btn{display:inline-block;background:var(--red);border:1px solid var(--red);border-radius:7px;padding:13px 17px;font-size:12px;font-weight:800;margin:8px 7px 0 0}.btn:hover{filter:brightness(1.12)}.btn.small{padding:11px 14px}.btn.outline{background:transparent;border-color:#4a4a52}.hero{padding:75px 9%;min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;background:radial-gradient(ellipse at 75% 40%,#380510,transparent 45%),#0b0b0e}.hero label,section>label,.contact label{color:#ff465e;font-size:10px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(45px,6vw,72px);letter-spacing:-4px;line-height:1.03;margin:18px 0}.hero em,.screen em{color:var(--red);font-style:normal}.hero p,.sub,.card p,.steps p,.contact p,.note{font-size:12px;color:var(--muted);line-height:1.9;max-width:500px}.tv{padding:15px;background:#303037;border:5px solid #3d3d45;border-radius:14px;box-shadow:0 20px 70px #0008;transform:perspective(900px) rotateY(-5deg)}.screen{aspect-ratio:1.5;background:linear-gradient(135deg,#390712,#09090c 65%);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.screen small{font-weight:900;font-size:10px;letter-spacing:1px}.screen small b{float:right;color:#ff3d56}.screen h2{font-size:clamp(25px,4vw,43px);line-height:1.1}.screen-bottom{font-size:9px;letter-spacing:1px}.section{padding:70px 9%}.section h2,.contact h2{font-size:clamp(28px,4vw,39px);letter-spacing:-1.5px;margin:10px 0 25px}.sub{margin-top:-15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(145deg,#18181d,#111114);border:1px solid var(--line);border-radius:12px;padding:24px}.card>label{font-size:9px;color:#ff5269;letter-spacing:1.5px}.card h3{font-size:17px;margin:16px 0 9px}.card strong{font-size:38px;letter-spacing:-1.5px}.card p{min-height:38px}.card .btn{font-size:10px}.featured{border-color:#9e192c;box-shadow:0 0 30px #f20d2e10}.dark{background:#101013;border-block:1px solid #24242a}.ico{display:grid;place-items:center;background:#3b0b14;color:#ff4059;width:40px;height:40px;border-radius:9px;font-size:22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:25px}.steps article{border-top:2px solid var(--red);padding-top:18px}.steps b{font-size:27px;color:#ff334e}.steps h3{font-size:14px}.faq{max-width:950px;margin:auto}.faq details{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin:9px 0}.faq summary{font-size:12px;font-weight:700;cursor:pointer}.faq details p{font-size:12px;color:var(--muted);line-height:1.8}.contact{margin:0 9% 70px;padding:30px 35px;display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #6d1727;border-radius:12px;background:radial-gradient(ellipse at 80%,#3a0710,#171014)}.contact h2{margin-bottom:5px}.contact p{margin:0}footer{padding:24px 6%;border-top:1px solid #29292f;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#888;font-size:10px}footer .logo{font-size:18px}footer b{font-weight:500}@media(max-width:980px){nav{gap:10px}nav a{font-size:10px}.cards.four{grid-template-columns:repeat(2,1fr)}.hero,.section{padding-left:6%;padding-right:6%}}@media(max-width:760px){header{padding:0 5%;height:68px}#menuBtn{display:block;margin-left:auto}header>.btn{display:none}nav{display:none;position:absolute;top:67px;left:0;right:0;padding:20px 6%;background:#111115;flex-direction:column;border-bottom:1px solid #333}nav.open{display:flex}nav a{font-size:13px}.hero{grid-template-columns:1fr;padding-top:50px;gap:25px}.hero h1{font-size:55px}.tv{max-width:470px}.section{padding-top:52px;padding-bottom:52px}.cards,.cards.three{grid-template-columns:1fr}.cards.four,.steps{grid-template-columns:repeat(2,1fr)}.card p{min-height:0}.contact{margin:0 5% 45px;padding:25px;align-items:flex-start;flex-direction:column}footer{flex-wrap:wrap}footer>span{order:3;width:100%}}@media(max-width:440px){.hero h1{font-size:47px;letter-spacing:-2px}.hero .btn{font-size:10px;padding:12px}.cards.four,.steps{grid-template-columns:1fr}.card{padding:20px}.section h2{font-size:29px}}
/* Application cards */
.app-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.app-card{display:flex;flex-direction:column;align-items:flex-start}.app-card .app-logo{width:100%;min-height:125px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:24px;border:1px solid #33313a;background:linear-gradient(135deg,#1b1b21,#0c0c0f)}.ibo-logo .app-play{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#f20d2e;color:#fff;font-size:21px;box-shadow:0 0 25px #f20d2e35}.ibo-word,.smart-word{font-weight:900;font-size:27px;letter-spacing:-1px}.ibo-word small,.smart-word small{display:block;font-size:10px;letter-spacing:3px;color:#ff4059;margin-top:3px}.smart-logo{background:radial-gradient(ellipse at center,#2c1016,#0c0c0f)!important}.smart-screen{display:grid;place-items:center;width:54px;height:54px;border:3px solid #ff2947;border-radius:12px;color:#fff;font-weight:900;font-size:29px;box-shadow:0 0 20px #f20d2e25}.app-card .btn{margin-top:auto}.app-card p{min-height:60px}@media(max-width:760px){.app-cards{grid-template-columns:1fr}.app-card p{min-height:0}}

/* Logot e aplikacioneve të dërguara nga përdoruesi */
.app-logo{height:118px;display:flex;align-items:center;justify-content:center;margin:-2px 0 22px;background:#0c0c0f;border:1px solid #303038;border-radius:10px;overflow:hidden}
.app-logo img{display:block;max-width:88%;max-height:100px;width:auto;height:auto;object-fit:contain}
.ibo-logo img{max-width:82%;max-height:88px}
.smart-logo img{max-width:100%;max-height:112px}

/* ShikoShqip transparent logo placement */
header .logo{display:flex;align-items:center;width:190px;flex:0 0 190px}
header .logo img{display:block;width:100%;height:auto;max-height:54px;object-fit:contain}
footer .logo{display:flex;align-items:center;width:170px}
footer .logo img{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}
.screen .screen-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%}
.screen .screen-brand img{width:130px;height:42px;object-fit:contain;object-position:left center}
.screen .screen-brand b{float:none;white-space:nowrap;color:#ff3d56}
@media(max-width:760px){
  header .logo{width:145px;flex-basis:145px}
  header .logo img{max-height:44px}
  footer .logo{width:145px}
  .screen .screen-brand img{width:105px;height:34px}
}

/* Refined subscription cards */
#pakot .cards{gap:20px;align-items:stretch}
#pakot .plan-card{position:relative;isolation:isolate;overflow:hidden;min-height:270px;padding:25px 26px 24px;border:1px solid #303039;border-radius:16px;background:linear-gradient(145deg,#1b1b22 0%,#111115 58%,#0e0e12 100%);box-shadow:0 12px 28px #0003;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#pakot .plan-card:hover{transform:translateY(-6px);border-color:#6d2735;box-shadow:0 18px 36px #0007,0 0 26px #f20d2e0b}
#pakot .plan-top{display:flex;align-items:center;gap:11px;margin-bottom:20px;position:relative;z-index:1}
#pakot .plan-top label{font-size:9px;letter-spacing:1.7px;color:#ff5269}
#pakot .plan-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:#ff405a;background:linear-gradient(145deg,#4a101d,#240b12);border:1px solid #702033;font-size:17px;box-shadow:inset 0 1px #ffffff0c}
#pakot .plan-card h3{font-size:19px;margin:0 0 5px;position:relative;z-index:1}
#pakot .plan-card strong{display:inline-block;font-size:43px;letter-spacing:-2px;line-height:1.2;background:linear-gradient(110deg,#fff 15%,#ffb8c2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}
#pakot .plan-card p{margin:12px 0 22px;min-height:20px;position:relative;z-index:1}
#pakot .plan-card .btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px;width:max-content;min-width:142px;margin-top:0;padding:12px 15px;border-radius:8px;font-size:11px;transition:background .2s,border-color .2s,transform .2s}
#pakot .plan-card .btn span{font-size:15px;color:#ff5369}
#pakot .plan-card .btn.outline:hover{background:#301019;border-color:#f20d2e}
#pakot .plan-glow{position:absolute;width:180px;height:180px;right:-85px;bottom:-110px;background:#f20d2e;opacity:.08;filter:blur(50px);border-radius:50%;z-index:0;pointer-events:none}
#pakot .plan-year{border-color:#f20d2e;background:radial-gradient(ellipse at 100% 0%,#45101b 0%,transparent 48%),linear-gradient(145deg,#21131a,#111115 70%);box-shadow:0 12px 32px #f20d2e12}
#pakot .plan-year:hover{border-color:#ff5269;box-shadow:0 18px 38px #f20d2e18}
#pakot .plan-year .plan-icon{color:white;background:linear-gradient(145deg,#ff2446,#b70725);border-color:#ff5269}
#pakot .plan-year .plan-top{margin-top:28px}
#pakot .plan-year .plan-top label{color:#ff8494}
#pakot .plan-year .plan-badge{position:absolute;top:0;right:0;padding:8px 12px;background:#f20d2e;color:#fff;border-radius:0 14px 0 12px;font-size:8px;letter-spacing:1px;font-weight:900}
#pakot .plan-year .btn{background:linear-gradient(100deg,#ff2446,#d90028);border-color:transparent;box-shadow:0 6px 18px #f20d2e30}
#pakot .plan-year .btn span{color:#fff}
@media(max-width:760px){#pakot .cards{gap:14px}#pakot .plan-card{min-height:0;padding:23px}#pakot .plan-year .plan-top{margin-top:26px}}

/* Aplikacionet: tri karta në desktop, logo individuale dhe layout responsiv */
.app-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;align-items:stretch}
.app-card{min-width:0}
.app-card .app-logo{height:125px;min-height:125px;padding:12px;background:linear-gradient(135deg,#19191f,#0b0b0e);}
.app-card .app-logo img{display:block;max-width:88%;max-height:108px;width:auto;height:auto;object-fit:contain}
.app-card .smart-logo img{max-width:100%;max-height:112px}
.app-card .smartone-logo img{max-width:100%;max-height:112px}
@media(max-width:900px){.app-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.app-cards{grid-template-columns:1fr}}